Javascript 使用jQuery Tablesorter 2.0插件时,如何禁用AD上的单击触发器?

Javascript 使用jQuery Tablesorter 2.0插件时,如何禁用AD上的单击触发器?,javascript,jquery,html,Javascript,Jquery,Html,我想让上下箭头手动触发排序事件,但当我单击thead中的填充区域时,排序事件也被触发。如果我禁止列使用sorter:false选项,则整个列将被禁用,箭头也将无效。那么,如何更改为仅通过arrow img触发排序事件 代码更容易理解,如下图所示,我必须打开我想要排序的列: $("#mainList").tablesorter( { headers: { 0: { sorter: false }, // 1:

我想让上下箭头手动触发排序事件,但当我单击thead中的填充区域时,排序事件也被触发。如果我禁止列使用
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+中使用)