Question

在头部我有一个静态下拉，而不是在更改时使用下拉列表中选择的列中的数据重新加载页面。如果我打开tablesorter，单击对表格进行排序但会使下拉列表无法访问。我已经完成了ccs来显示箭头，所以我可以点击下拉列表旁边的排序。

所以我想要实现的目标是：单击head标签中下拉列表旁边的应该对表格进行排序。单击下拉可启用下拉（并重新加载）。

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>

......这不起作用。基于下面的建议，我现在更接近了，因为现在它在点击下拉时停止排序，但它仍然没有打开它。

Answer 1

使用以下代码...绑定到＆＃34; mouseup＆＃34;并防止传播停止点击对列进行排序（demo）：

$('select').on('mouseup', function (e) {
    e.stopPropagation();
    // do something
});

Answer 2

这似乎有效：

$("select").on("mousedown click", function (e) {
    e.stopPropagation();
});

Tablesorter：无法单击标题中的pulldown

2 个答案: