jquery的load()方法加载html后javascript失效解决方法

最新推荐文章于 2024-06-23 11:57:29 发布

魔界九幽之地天魔众

最新推荐文章于 2024-06-23 11:57:29 发布

阅读量1w

点赞数 2

文章标签： javascript jquery html

本文链接：https://blog.csdn.net/yangxiaochen_jk/article/details/49897799

版权

如果你的事件是直接绑定到按钮上的话，那么当你重新load之后，按钮就不是原来的按钮了。
所以，你绑定到原来按钮上的事件，也不会出现在这个新的按钮上了。
所以，这个时候，就要给新的按钮重新绑定事件，或者使用事件委托，直接把事件绑定到不变的元素上。

比如：

 
        $(document).on( 
        "click" 
        , 
        "button" 
        , 
        function 
        (){ 
       
        //这个时候，是把事件绑定到document上， 
       
        //当每次点击document时，都会判断，当前点击的元素是不是button元素， 
       
        //如果是button元素，则触发该事件 
       
        //所以，这个时候，新添加的button，依然可以被触发该事件 
       
        }); 
       
        $( 
        "button" 
        ).on( 
        "click" 
        , 
        function 
        (){ 
       
        //这个时候，是把事件绑定到了每一个button元素上， 
       
        //但是当页面上新添加button元素时，新添加的button是不会有这个事件的 
       
        //跟你重新load，是相同的原理。 
       
        });