禁用嵌套DOM元素的排序

Question

我正在使用Datatables并且有一个带有嵌套复选框的TH：

    <th class="sku-checkbox-wrapper sorting_desc" rowspan="1" colspan="1" aria-label="Select All">Select All<br>  <input type="checkbox" id="sku_select_all" class="checkbox"></th> 

目前，这个TH附加了一个排序事件处理程序。我想从这个事件中解除嵌套的复选框。

我将TH设置为'bSortable'：'true'。 有没有办法做'bSortable'这样的东西：'false'到嵌套复选框并保持父TH元素可排序？

Answer 1

您需要为复选框添加click事件处理程序，并阻止事件传播到父元素。

$("#sku_select_all").on('click', function(e){
   e.stopPropagation();
});

请参阅this JSFiddle进行演示。