在头中,我有一个静态下拉列表,但更改后会在下拉列表中选择的列中重新加载页面中的数据。如果我打开表排序器,则单击可对表进行排序,但无法访问下拉列表。我已经完成了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] 删除。
我来说两句