datatables - jquery 数据表行点击响应式

标签 datatables responsive

我正在使用带有响应式的 jquery 数据表 当屏幕尺寸减小时,(+) 响应符号显示正确 我在表格上单击了事件行

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

我的问题是响应按钮会触发这两个功能 展开行的响应式(默认)函数 和我的行点击事件

有没有办法避免这种情况

编辑:如果单击该按钮,该行上的任何附加按钮都会发生同样的情况,它会执行按钮单击事件和行单击事件

最佳答案

我用丑陋的解决方法解决了这个问题 首先我添加了空的 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}

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

关于datatables - jquery 数据表行点击响应式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53189083/

相关文章:

javascript - 使用 jQuery DateRangePicker 和 Datatable 的多个日期范围过滤器

php - jQuery DataTables 服务器端处理脚本连接表

javascript - Jquery DataTables Live DOM 排序在复选框列上不起作用

css - 无法获得响应式 SVG 图像掩码以在 Firefox 中工作

html - 输入字段未调整到所需的宽度

javascript - 当数据表单元格的值发生变化时,如何更改该单元格中值的颜色

jquery - 如何将序列化表单数据传递到数据表?

css - 手机版不以内容结尾-右边为 "margin"

twitter-bootstrap - Bootstrap 网格与折叠容器之间

html - 如何去除页面右侧的白边