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

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

比如:
JavaScript code
?
1
2
3
4
5
6
7
8
9
10
11
12
$(document).on("click","button",function(){
    //这个时候,是把事件绑定到document上,
    //当每次点击document时,都会判断,当前点击的元素是不是button元素,
    //如果是button元素,则触发该事件
    //所以,这个时候,新添加的button,依然可以被触发该事件
});
 
$("button").on("click",function(){
    //这个时候,是把事件绑定到了每一个button元素上,
    //但是当页面上新添加button元素时,新添加的button是不会有这个事件的
    //跟你重新load,是相同的原理。
});

javascript中要远程载入html页面的DIV代码

body中要远程载入html页面的DIV



阅读更多
文章标签: javascript jquery html
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭