jquery load加载问题 加载之后原来页面的js失效

Question

jquerythinkphp框架js

Answer 1

如果你的事件是直接绑定到按钮上的话，那么当你重新load之后，按钮就不是原来的按钮了，理解这个说法吗？所以，你绑定到原来按钮上的事件，也不会出现在这个新的按钮上了。所以，这个时候，就要给新的按钮重新绑定事件，或者使用事件委托，直接 把事件绑定到不变的元素上。比如：
$(document).on("click","button",function(){
//这个时候，是把事件绑定到document上，
//当每次点击document时，都会判断，当前点击的元素是不是button元素，
//如果是button元素，则触发该事件
//所以，这个时候，新添加的button，依然可以被触发该事件
});$("button").on("click",function(){
//这个时候，是把事件绑定到了每一个button元素上，
//但是当页面上新添加button元素时，新添加的button是不会有这个事件的
//跟你重新load，是相同的原理。
});