排序列后，在标题上触发单击事件

Question

我在桌面上使用表格分类器插件// http://tablesorter.com/docs/index.html

我希望在点击列后点击标题时触发事件，我正在尝试如下

$("tableId").tablesorter();

$("thead th").click(function () {
    alert("hi");
});  

但是想要发生的事情是我的事件首先发生，而不是插件事件，我希望我的事件在插件事件发生后触发......

任何想法Plz ...................

Answer 1

使用 jQuery 1.3 + ：

$( "thead th" ).live( "click", function() {
  alert( "hi" );
});

使用 jQuery 1.4.3 + ：

$( document ).delegate( "thead th", "click", function() {
  alert( "hi" );
});

使用 jQuery 1.7 + ：

$( document ).on( "click", "thead th", function() {
  alert( "hi" );
});

更多此处（http://api.jquery.com/live/）

Answer 2

您可以绑定到表已排序后触发的sortEnd事件（demo; javascript位于页面底部）：

$(function() { 
    $("table")
        .tablesorter();
        .bind("sortEnd",function() {
            alert("hi");
        });
});

我不会在此事件回调中的标题上触发另一个点击事件，因为您将创建一个无限循环的点击和排序。

此外，如果您感兴趣，我的fork of tablesorter有很多改进。