layui中，解决按钮太多，展示不全，点击无效问题

最新推荐文章于 2024-05-07 14:55:22 发布

zhang123csdn

最新推荐文章于 2024-05-07 14:55:22 发布

阅读量1.2k

点赞数 1

分类专栏： layui基础文章标签： layui 数学建模前端

本文链接：https://blog.csdn.net/zhang123csdn/article/details/130980949

版权

layui基础专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1 在数据表格上，操作按钮太多的时候，页面展示不全，下拉显示所有按钮时，点击无效。需要在js中添加代码，放在layui.use()里面即可。

$(document).off('mousedown', '.layui-table-grid-down')
                .on('mousedown', '.layui-table-grid-down', function (event) {
                    table._tableTrCurr = $(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 tableTrCurr = table._tableTrCurr;
                    if (!tableTrCurr) {
                        return;
                    }
                    var layerIndex = elem.closest('.layui-table-tips').attr('times');
                    // 关闭当前这个显示更多的tip
                    layer.close(layerIndex);
                    table._tableTrCurr.find('[lay-event="' + elem.attr('lay-event') + '"]').first().click();
                });