一、二對新增元素 再次進行綁定相應事件，例如在 Ajax 中的 success 返回函數中，再執行完新增元素的代碼后進行綁定

success: $('body').append("<li id='new'> new Li </li>"); //這里統一用click事件為例 $('#new').click(function(){});

當然這種方式有一定的局限性，那么可以嘗試第二種方式?

二、jquery中有諸多的綁定事件函數（具體的將在文章末尾進行簡單的介紹）

//這里我們用到的是 on()函數/(當然你也可以用 live()函數進行綁定,他們之間的區別將在末尾介紹);
?

$("body").on('click','#new',function(){ alert("捕獲新增的id為 new 的 li 標簽"); } );

.on()函數的用于為指定元素的一個或多個事件綁定事件處理函數?
最主要的是 on()函數執行后新添加，綁定事件對其依然有效

//簡單的演示on() // 為div中的所有p元素綁定click事件處理程序 // 只有n2、n3可以觸發該事件 $("div").on("click","p",function(event) { alert( $(this).text()); }); // 后添加的n6也可以觸發上述click事件，因為它也是div中的p元素 $("#n1").append('<p id="n6">上述綁定的click事件對此元素也生效!</p>');

以上則可以解決怎么用 jquery 綁定新增 DOM元素了！！

參考自https://blog.csdn.net/huangbao21/article/details/49821153

總結

以上是生活随笔為你收集整理的Ajax动态拼接li并绑定事件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。