欢迎光临
我的个人博客网站

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


问题:

在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();         });

如图:

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

 

 

 备注:原文转载自 layUI 列表 操作按钮过多自动隐藏后 按钮监听事件失效问题

赞(0) 打赏
未经允许不得转载:张拓的天空 » layui 列表操作按钮过多自动隐藏后,按钮监听事件失效问题
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏