Javascript 使用jQuery Tablesorter 2.0插件时,如何禁用AD上的单击触发器?
我想让上下箭头手动触发排序事件,但当我单击thead中的填充区域时,排序事件也被触发。如果我禁止列使用Javascript 使用jQuery Tablesorter 2.0插件时,如何禁用AD上的单击触发器?,javascript,jquery,html,Javascript,Jquery,Html,我想让上下箭头手动触发排序事件,但当我单击thead中的填充区域时,排序事件也被触发。如果我禁止列使用sorter:false选项,则整个列将被禁用,箭头也将无效。那么,如何更改为仅通过arrow img触发排序事件 代码更容易理解,如下图所示,我必须打开我想要排序的列: $("#mainList").tablesorter( { headers: { 0: { sorter: false }, // 1:
sorter:false
选项,则整个列将被禁用,箭头也将无效。那么,如何更改为仅通过arrow img触发排序事件
代码更容易理解,如下图所示,我必须打开我想要排序的列:
$("#mainList").tablesorter( {
headers: {
0: {
sorter: false
},
// 1: {
// sorter: false
// },
// 2: {
// sorter: false
// },
3: {
sorter: false
}
}
} );
但如果是这样,当我单击填充区域时,也会触发click事件,而不仅仅是箭头:
$("#sortTblByNameUp").click(function() {
$("#mainList").trigger("sorton", [ [[2, 0]] ] );
return false;
}).hover(function(){
$("#sortTblByProductCountUp").attr('src', '/imgserver/images/v2/up_gray.gif');
$("#sortTblByNameDown, #sortTblByProductCountDown").attr('src', '/imgserver/images/v2/down_gray.gif');
$(this).attr('src', '/imgserver/images/v2/up.gif');
});
下面是一个我认为更容易理解的工作JSFIDLE:(我不想在单击红色区域时触发排序事件)您可以
取消绑定
标题的单击侦听器:
$("#mainList").tablesorter( {
headers: {
0: {
sorter: false
},
3: {
sorter: false
}
}
} ).find('thead .header').unbind('click');
(在jQuery 1.7+中使用)