Question

我正在使用带有响应的jQuery数据表屏幕尺寸减小时（+）响应符号显示正确我在表格上点击了事件行

 $('#datatables tbody').on('click', 'tr', function (e) {//Code});

我的问题是响应式按钮同时触发两个功能响应式（默认）功能，用于扩展行和我的行点击事件

有什么方法可以防止

编辑：如果单击该行，则该行上的任何附加按钮都会发生相同的情况，它会同时执行按钮单击事件和行单击事件

Answer 1

我解决了丑陋的解决方法首先，我添加了空的td索引0，以便在其上显示响应按钮第二，我将事件从tr click更改为td click 然后检查td索引

$('#datatables tbody').on('click', 'td', function (e) {
                    var tdIndex = this.cellIndex;
                    if (tdIndex == 0)
                    {//For Responsive Click leave Empty
                    }

                    else { //Normal Code}

我还在等待更好的解决方案

Answer 2

尝试https://datatables.net/extensions/responsive/examples/child-rows/whole-row-control.html

如果这样做没有帮助，请为该列分配一个类，例如：

"columns": [
    { "data": "MyColumn", "className": "toggle-btn-add" }
]

并这样称呼它：

$('#datatables tbody').on('click', 'td.toggle-btn-add', function (e) {//Code});

希望这会有所帮助

jQuery数据表行单击与响应

2 个答案: