在寫ajax加載數(shù)據(jù)的時候發(fā)現(xiàn)，后面添加進(jìn)來的demo節(jié)點元素，失去了之前的點擊事件。為什么點擊事件失效，我們該怎么去解決呢?

其實最簡單的方法就是直接在標(biāo)簽中寫οnclick=””，但是這樣寫其實是有點low的，最好的方式還是通過給類名綁定一個click事件。

解決

• a1
• a2
• a3

$("#demo").click(function(){

$("#demo").append('

aaa4'); //動態(tài)像ul的末尾追加一個新元素

});

方法一：使用live：

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

實現(xiàn)如下：

$('.demo1').live('click', function(){

alert('OK');

});

方法二：使用on：

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

$("#demo").on('click','.demol',function(){

alert('OK')

});

通過上面的兩種方法，都可以解決

以上所述是小編給大家介紹的解決jQuery ajax動態(tài)新增節(jié)點無法觸發(fā)點擊事件的問題，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對前端開發(fā)者網(wǎng)站的支持！

總結(jié)

以上是生活随笔為你收集整理的ajax点击事件无法触发,解决jQuery Ajax动态新增节点无法触发点击事件的问题_婳祎_前端开发者...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。