對于jQuery使用append追加的節點無法添加事件無效的解決方法

前言

    為了适應動态的業務需求，我是需要在HTML中動态的添加一些内容，比如在jQuery中經常使用的

append

方法。有時在新添加的元素中的事件失效，其原因是我們在初始化事件的時候，并沒有這些新添加的元素，是以就不能綁定事件。

解決方法

    我們需要jQuery中的

on

方法綁定事件。不能直接添加相應的事件

    以

click

事件為例

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

    我們要改寫為

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