单击事件ID不使用JavaScript触发

Question

你能告诉我为什么点击事件没有解雇吗？我添加了这样的点击事件：

$('.addClickClass').click(function(){
    alert('hi') ;                      
})

有按钮＆＃34;添加测试用例＆＃34;。它会生成一行。现在，当我展开它时，单击展开按钮。它没有发射。

其次，如何判断哪个行按钮被触发？如果我按＆＃34;添加测试用例＆＃34; 3次，我怎么知道我按了哪一个？

JSFiddle

Answer 1

您正在尝试将事件绑定到页面上尚不存在的元素。

您在创建后绑定它，或者您可以使用jQuery's on method并将事件委托给文档。然后，所有新元素都会有此事件。

Answer 2

在将元素添加到DOM之前，您将附加事件侦听器。将其移到$('.btn_handler').click(function () {

中

代码在页面加载时运行。此时，没有类addClickClass的元素，因此不添加任何事件处理程序。在调用append之后移动它意味着您已经添加了类addClickClass的元素，因此jQuery能够在那时附加事件侦听器。

http://jsfiddle.net/R2DzV/13/

Answer 3

因为您的“addClickClass”元素是动态添加的，您应该用以下代码替换代码：

 $("#list").on('click', '.addClickClass',function(){
      alert('hi') ;                      
  })