(Jquery)关于给动态加载的页面元素，绑定事件

如果使用Jquery给元素绑定事件，一般会用bind，或者类似click函数来直接绑定。

但是对于动态生成的元素，会发现常规绑定无法生效，比如：

<div class'div'></div>

动态给div添加元素：

$('.div').append($('<a>点我</a>'))

 

此时如果想给div下的a绑定事件，使用：

$('.div>a').click(function(event){
        alert('点击成功');
});

将发现无法触发alert。

 

在jquery 1.7 及之前的版本，可以使用live来绑定这种事件，如：

$('.div>a').live("click",function(){
            alert('点击成功');
});

　　

在jquery 1.8 以后，只能用on来绑定，切注意动态生成的元素应作为参数：

$('.div').on('click','a',function(){
        alert('点击成功');
});

　　

转载于:https://www.cnblogs.com/ChewApple/p/5091915.html