当我单击表头中的复选框 => 表排序器时，不应发生排序操作答案

【问题标题】：Sort Action Should not Takes Place when i click the Checkbox in Table Header => Table Sorter当我单击表头中的复选框 => 表排序器时，不应发生排序操作
【发布时间】：2014-09-04 07:42:18
【问题描述】：

我在摘要屏幕上使用了表格排序器，我在这里遇到了一个问题..

考虑我的表头在第一列中有复选框，在其他列中有标签。

第一次它工作正常.. 排序后，当我单击复选框时，表格行得到排序，但它不应该..

当我单击复选框时，不应该发生任何排序操作。

目前正在使用 TABLE SORTER

帮我解决这个问题！！！！

HTML：

<th data-sorter="false">
    <input id="hdr_ck_box" type="checkbox" class="hdr_ck_box" />
</th>

【问题讨论】：

请分享您在表格中添加复选框并对其应用排序的代码。
您能否将 jsfiddle 链接与您的问题陈述分享？

标签： jquery tablesorter

【解决方案1】：

试试这个：为复选框绑定点击事件并停止将点击事件传播到父元素，如下所示

注意 - 如果您已经将点击事件绑定到复选框，则将 e.stopPropagation(); 添加为代码中的第一行，或者如果您在点击复选框时调用任何函数，则在 e.stopPropagation(); 之后调用它在下面的代码中。

$(function(){
  $('#hdr_ck_box').click(function(e){
      e.stopPropagation();
  });
});

【讨论】：

+1 表示正确的想法，但如果用户使用我的fork of tablesorter，则事件应该是 "mouseup" 而不是点击。请参阅this question 在标题中使用选择。