小码农 – jquery append

小码农小码农

小码农

wordpress,laravel和前端知识学习

jquery动态添加append()之后事件及样式失效

文章摘要:

#jQuery动态添加节点后,动作失效 jQuery给大家带来很大的方便来操作DOM,当jQuery动态添加节点时,原有的事件将会失效,无法触发. 例如: $li = $('ul li:first-child').remove(); $('ul').append($li); 原事件绑定为: $('li').on('mouserenter',function(){    $(this).find('div').animate({       'opacity':'0.8'    },500);  }); 在动态截取添加后,虽然使用了on函数,但是并没有使用on函数的事件委托,导致事件仍然不能触发,因此,将on函数更改如下: $('ul').on('mouserenter','li',function(){    $(this).find('div').animate({  ......