使用jquery dyanmic創建的元素？

Question

我的簡單腳本通過jquery添加了一些元素。
即時消息試圖做的是爲這些創建的元素添加一些Ajax調用。
問題是事件從來沒有爲這些元素工作，我嘗試了很多Jquery方法，但都失敗了。

$("#currentbuild").append('<li class="cancelevent"></li>'); 
$('.cancelevent').bind("click",function(e) { 
         var eventid = $(this).attr('id'); 
         e.preventDefault(); 
         alert(eventid); 
       }) 

還我試圖

$("#currentbuild").append('<li class="cancelevent"></li>'); 
$('.cancelevent').on("click",function(e) { 
         var eventid = $(this).attr('id'); 
         e.preventDefault(); 
         alert(eventid); 
       }) 

但它從來沒有出現什麼

Answer 1

你幾乎正確的：

$("#currentbuild").append('<li class="cancelevent"></li>'); 
$('#currentbuild').on("click",".cancelevent",function(e) { 
    var eventid = $(this).attr('id'); 
    e.preventDefault(); 
    alert(eventid); 
}); 

這增加了click處理程序#currentbuild（其不是動態的，因此總是在DOM中）。但是，它不僅僅會響應點擊自身，而只會聽取自身內部的點擊，而只聽取類別爲cancelevent的元素。而且，由於您不會將點擊處理程序添加到可以動態添加和/或刪除的元素，處理程序將始終存在。

編輯：@tcovo在下面的評論中指出，你的代碼應該像你在這裏發佈一樣工作。我認爲這不完全是你的代碼，並且append是由另一個事件處理程序動態發生的（而不是像你在示例中建議的那樣在頁面加載時）。

此外，var eventid = $(this).attr('id');不會在你的榜樣工作，要麼，因爲在<li>沒有id屬性...我認爲這另一個原因是不是正在給你的麻煩確切的代碼。 :)