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>

...这不起作用。根据下面的建议,我现在离它更近了,因为它在单击下拉菜单时会停止排序,但仍未打开。

莫蒂

使用以下代码...绑定到“ mouseup”并防止传播,以阻止点击对列进行排序(demo):

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

HTML标题菜单下拉菜单无法单击

来自分类Dev

从表格标题中的图标右对齐下拉菜单

来自分类Dev

无法使用Selenium单击下拉菜单

来自分类Dev

单击下拉菜单

来自分类Dev

面板标题中的Bootstrap 3下拉菜单位置错误

来自分类Dev

无法通过Java / Selenium单击Bootstrap下拉菜单

来自分类Dev

无法在iframe中单击下拉菜单-Selenium Python

来自分类Dev

python硒无法单击下拉菜单中的隐藏元素

来自分类Dev

无法单击下拉菜单项中的元素

来自分类Dev

单击后无法打开Bootstrap下拉菜单

来自分类Dev

无法通过 xpath 单击登录下拉菜单

来自分类Dev

单击下拉菜单滚动

来自分类Dev

单击jQuery或JavaScript菜单下拉菜单

来自分类Dev

无法找到下拉菜单

来自分类Dev

无法找到下拉菜单

来自分类Dev

Portal 8主题中的弹出按钮或菜单下拉菜单

来自分类Dev

jQuery:如何创建带有href标题的单击下拉菜单

来自分类Dev

在下拉菜单中单击图像时获取所选标题

来自分类Dev

下拉菜单,标题垂直居中

来自分类Dev

过滤表后的jQuery tablesorter过滤下拉菜单

来自分类Dev

平板电脑上的基础顶部栏/菜单垂直下拉菜单无法单击

来自分类Dev

Selenium 无法从引导程序下拉菜单中单击菜单项

来自分类Dev

单击后关闭下拉菜单

来自分类Dev

jQuery-单击下拉菜单

来自分类Dev

单击下拉菜单不会转到链接

来自分类Dev

VBA单击悬停下拉菜单

来自分类Dev

Firefox下拉菜单单击

来自分类Dev

单击CSS创建下拉菜单

来自分类Dev

单击按钮重新填充下拉菜单