Ajax动态刷新元素js事件失效

标签：javascript   jquery   js   事件委托   js事件失效   

工作中遇到一个情况，通过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(){
    // 事件逻辑
})

Ajax动态刷新元素js事件失效

标签：javascript   jquery   js   事件委托   js事件失效   

原文地址：http://blog.csdn.net/minzheng1988/article/details/42477935