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

时间:2014-12-11 06:00:03

标签: javascript html html5 jquery-datatables

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

并且我有一个运作良好的Select All功能;

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

问题是当我点击复选框时,表格的排序事件也在执行。我想要的是,当我点击Text&#34; All&#34;或者复选框排序事件将执行,相反,只有在单击表标题(在文本或复选框外)和排序图标时,它才会正常执行。

任何想法怎么做?

1 个答案:

答案 0 :(得分:1)

我已经在Jquery-Datable初始化到我的表后运行此脚本(来自this)解决了这个问题;

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

希望有一天能帮到某人。