天天看点

对于jQuery使用append追加的节点无法添加事件无效的解决方法

前言

    为了适应动态的业务需求,我是需要在HTML中动态的添加一些内容,比如在jQuery中经常使用的

append

方法。有时在新添加的元素中的事件失效,其原因是我们在初始化事件的时候,并没有这些新添加的元素,所以就不能绑定事件。

解决方法

    我们需要jQuery中的

on

方法绑定事件。不能直接添加相应的事件

    以

click

事件为例

$('#resultWrap li').click(function(){})
           

    我们要改写为

$('#resultWrap').on('click','li',function(){})