Tablesorter:无法单击标题中的下拉列表
Tablesorter:无法单击标题中的下拉列表
提问于 2014-09-02 10:52:45
在头中，我有一个静态下拉，而不是当更改时，用在下拉列表中选择的列中的数据重新加载页面。如果我打开tablesorter，单击排序表，但使下拉列表不可访问。我已经做了ccs显示箭头，所以我可以点击旁边的下拉排序。
所以，我想要实现的是:点击头部标签中的下拉菜单旁边，应该对表进行排序。单击下拉按钮将启用下拉(并执行重新加载)。
PS jquery版本1.7.1 (无法更新！)
基本代码：
<style>
table.tablesorter thead tr div span {
padding: 0px 8px;
cursor: pointer;
}
</style>
<table class="tablesorter">
<thead>
<tr>
<th class="header">
<div>
<span></span>
Kolommen:
<select>...</select>
</div>
</th>
...
<script>
<!--
$(function() {
$("table.tablesorter").tablesorter();
$("select").on("click", function (e) {
e.stopPropagation();
// do something
});
});
//-->
</script>..。这不起作用。基于下面的建议，我现在离它更近了一步，因为现在它在点击下拉菜单时停止排序，但它仍然没有打开它。
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-09-03 06:14:43
使用以下代码..。绑定到"mouseup“并防止传播以阻止单击对列进行排序(演示)：
$('select').on('mouseup', function (e) {
e.stopPropagation();
// do something
});Stack Overflow用户
发布于 2014-09-03 10:33:52
这似乎是可行的：
$("select").on("mousedown click", function (e) {
e.stopPropagation();
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25621660
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号