jQueryのtablesorterをフルクリックするのではなく、ボタンのクリックをソートする？

Question

私はこのjQueryのテーブルポータを使用しています：https://mottie.github.io/tablesorter/docs/index.html。 私はこのようなソートintitialize：

$('.sortable').tablesorter(); 

私のテーブルには、次のようになります。

<table class="sortable" id="list-users"> 
    <thead> 
     <tr> 
      <th> 
       <div class="sorter"></div> 
       ID 
      </th> 
      <th> 
       <div class="sorter"></div> 
       Name 
      </th> 
      <th> 
       <div class="sorter"></div> 
       Birth date 
      </th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
... 

デフォルトの動作は以下の通りです：私は番目のタグをクリックすると、テーブルはに従ってソートされますカラム。それは良い。

しかし、代わりにdiv.sorterをクリックするとイベントが発生します。 誰かがそれを行う方法を知っていますか？ 私はこの試みた：あなたはTHEAD外のイベントをトリガしたい場合

$('table').find('th:eq(columnNumber)').trigger('sort'); 

しかし、それは当然のデフォルトのイベントを無効にしない、これは便利です。

ありがとうございます！

Answer 1

このプラグインには、実際にはどの要素が並べ替えをトリガーするかを定義できる設定可能なセレクタがあります。 Here's an exampleをプロジェクトのドキュメントから削除します。マークアップに適用すると、次のようになります。

$(function() { 
    // call the tablesorter plugin 
    $(".sortable").tablesorter({ 
     selectorSort : 'div.sorter' 
    }); 
});