1. 程式人生 > >js中 ajax動態新增節點無法觸發點選事件

js中 ajax動態新增節點無法觸發點選事件

在寫ajax載入資料的時候發現,後面新增進來的demo節點元素,失去了之前的點選事件。

其實最簡單的方法就是直接在標籤中寫onclick="",但是這樣寫有些場景的是實現不了的,最好的方式還是通過給類名繫結一個click事件。

方法一:使用live:

live()函式會給被選的元素繫結上一個或者多個事件處理程式,並且規定當這些事件發生時執行的函式。通過live()函式適用於匹配選擇器的當前及未來的元素。比如,通過指令碼動態建立的元素。

程式碼示例:

$('.demo1').live('click', function(){
 alert('OK');
});

  

方法二:使用on:

可以通過on方法繫結事件,可以繫結到它的父級或者body中

程式碼示例:

$("#demo").on('click','.demol',function(){
 alert('OK')
});