首页 > 代码库 > 对于页面动态加载的元素事件无效的解决方案

对于页面动态加载的元素事件无效的解决方案

当用ajax动态获取的数据放在新建的div中进行展示时,当你提前写一些 mouseover,click 操作时会发现不起作用

解决方法:

把事件绑定到它的父元素上面

例如,每次读到数据会将它放在新建的 class = data的div中显示,并且用append方法把他添加在 id= parent 的div中。这个时候假如对data这个块有点击事件,平常可能会写

$(‘.data‘).click(function(){...});

当点击这个div时,不会有反应。这时候可以再一开始将事件绑定到父元素中:

$(‘#parent‘).on(‘.data‘,function(i,val){

});