jquery 数据表排序 表标题中的单击事件不在列标题文本中

Jquery Datatable Sort Click Event in Table Header Not in Column Title Text

本文关键字:标题 文本 事件 数据表 排序 jquery 单击      更新时间:2023-09-26

我有这个表,我实现了Jquery-DataTables

并且我有一个"全选"功能,效果很好;

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

问题是当我单击复选框时,表的排序事件也在执行。 我想要的是,当我单击文本"全部"或复选框时,排序事件将不会执行,相反,它只会像往常一样执行表格标题(在文本或复选框之外)和排序图标被单击。

知道怎么做吗?

我已经通过在初始化 Jquery-Datable 到我的表后运行这个脚本(从这里)解决了这个问题;

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

希望有一天能帮助某人。