表標題中的jQuery數據表排序單擊事件不在列標題文本中

Question

我有這個表，我實現了Jquery-DataTables

而且我有一個全選功能，效果很好；

<thead>
  <tr>
    <th>
      <label>
        <input type="checkbox" > All
      </label>
    </th>
  </tr>
</thead>

問題是當我單擊復選框時，表的排序事件也正在執行。 我想要的是，當我單擊文本“全部”或復選框時，將不執行排序事件，而是僅在單擊表頭（在文本或復選框之外）並單擊排序圖標時，它才會照常執行。

知道怎么做嗎？

Answer 1

在將Jquery-Datable初始化到我的表后，通過運行此腳本（從this ）解決了這個問題；

$('input').click(function (event) {
    event.stopPropagation();
});

希望有一天能對某人有所幫助。