禁用对嵌套 DOM 元素的排序

Question

我正在使用数据表并且有一个带有嵌套复选框的 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

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

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

请参阅 this JSFiddle 进行演示。