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

时间：2021-09-17
问题： 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
        });