使用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属性...我认为这另一个原因是不是正在给你的麻烦确切的代码。 :)