layui 列表操作按钮过多自动隐藏后，按钮监听事件失效问题

发表评论
460 次浏览

A+

所属分类：Web前端

摘要

在layui table中，操作栏按钮过多时，会自动隐藏，点击弹出隐藏按钮后，按钮本身绑定得监听事件失效。如图：

便宜好用的国外VPS推荐

问题：

在layui table中，操作栏按钮过多时，会自动隐藏，点击弹出隐藏按钮后，按钮本身绑定得监听事件失效。如图：

layui 列表操作按钮过多自动隐藏后，按钮监听事件失效问题

解决方法如下：

将下面的代码粘贴入相关页面中即可：

$(document).off('mousedown', '.layui-table-grid-down').         on('mousedown', '.layui-table-grid-down', function (event) {             table._tableTrCurrr = $(this).closest('td');         });     $(document).off('click', '.layui-table-tips-main [lay-event]').         on('click', '.layui-table-tips-main [lay-event]', function (event) {             var elem = $(this);             var tableTrCurrr = table._tableTrCurrr;             if (!tableTrCurrr) {                 return;             }             var layerIndex = elem.closest('.layui-table-tips').attr('times');             layer.close(layerIndex);             table._tableTrCurrr.find('[lay-event="' + elem.attr('lay-event') + '"]').children("i").first().click();         });