关闭

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

标签: javascriptjqueryhtml
210人阅读 评论(0) 收藏 举报
如果你的事件是直接绑定到按钮上的话,那么当你重新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



0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:212次
    • 积分:12
    • 等级:
    • 排名:千里之外
    • 原创:1篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章存档