在使用jquery中動態(tài)新增的元素節(jié)點時會發(fā)現(xiàn)添加的事件是無法觸發(fā)的，我們下面就為各位來詳細(xì)的介紹此問題的解決辦法．

比如做一個ajax讀取留言列表的時候，每條留言后面有個回復(fù)按鈕，class為“reply”,如果你用的是$(".reply").click(function(){ //do something... })，想必后面通過ajax加載進來的列表中的回復(fù)按鈕，點擊事件會失效,其實最簡單的方法就是直接在標(biāo)簽中寫onclick=""，但是這樣寫其實是有點low的，最好的方式還是通過給類名綁定一個click事件。

解決jquery中動態(tài)新增的元素節(jié)點無法觸發(fā)事件的問題有兩種解決方法，如下,為了達到更好的演示效果，假設(shè)在某個頁面的body下有以下結(jié)構(gòu)的代碼：

live()函數(shù)會給被選的元素綁定上一個或者多個事件處理程序,并且規(guī)定當(dāng)這些事件發(fā)生時運行的函數(shù),通過live()函數(shù)適用于匹配選擇器的當(dāng)前及未來的元素,比如,通過腳本動態(tài)創(chuàng)建的元素,實現(xiàn)如下:

$('.liLabel').live('click', function(){ }); 

可以通過on方法綁定事件，可以綁定到它的父級或者body中，實現(xiàn)如下：

$("#ulLabel").on('click','.liLabel',function(){  });  

//或者：  

$("body").on('click','.liLabel',function(){  });