Ajax动态刷新元素js事件失效
浏览数：122 /
时间：2015年06月09日
工作中遇到一个情况，通过Ajax动态刷新某一区域后，原来绑定在这些dom元素上的js事件就失效了，定位了半天也不知道原因在那，后来查了资料发现动态刷新后的区域Dom元素是重新生成，所以页面之前的js不会动态绑定到新生成的元素上，这怎么解决呢，这里就用到了jQuery的事件委托机制来实现，示例代码如下：
jQuery1.7版本以前可以通过live事件委托方式：
$(selector).live("click", function(){
// 事件逻辑
});1.7版本后jQuery废除了live事件，而是采用了统一的api方式，这样对程序开发人员来说是个好消息，不用记那么多api了，统一用on的方式调用：
$(document).on("click", selector, function(){
// 事件逻辑
})这里如果是用新版本推荐用on的方式，document尽量是要绑定事件的最小包含元素，比如父元素，这样性能会更好，selector则是要绑定元素的选择器。郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
