使用layui的页面内刷新按钮产生的小问题

时间:2021-09-17
问题: layui单页版,使用页面内的刷新按钮,委托事件的绑定事件方式出现事件的重复执行
相关截图:
使用layui的页面内刷新按钮产生的小问题
使用layui的页面内刷新按钮产生的小问题

使用layui的页面内刷新按钮产生的小问题
使用layui的页面内刷新按钮产生的小问题
使用layui的页面内刷新按钮产生的小问题
使用layui的页面内刷新按钮产生的小问题
使用layui的页面内刷新按钮产生的小问题

原因: 是此种绑定事件的方式,layui页面内的刷新未取消该事件,导致元素身上的事件多次设置
使用layui的页面内刷新按钮产生的小问题

解决方法:
1、若是使用的事件委托则每次清除事件再重新添加事件;
2、直接绑定事件至元素本身的不用取消重设。

        //1、事件委托方式需每次把事件清除下再重新设置
        $(document).off("click", ".your_class");
        $(document).on("click", ".your_class", function(){
            //your logic
        });

        //2、直接选中元素设置事件,这种方式则不用取消重新设置
        $(".your_class").on("click", function () {
            //your logic
        });
上一篇:layui table下一页选中


下一篇:layui 弹窗表格 出现 chekbox 错位的解决方案