单击不使用JavaScript触发的事件id

单击不使用JavaScript触发的事件id,javascript,jquery,Javascript,Jquery,你能告诉我为什么点击事件没有触发吗?我添加了如下单击事件: $('.addClickClass').click(function(){ alert('hi') ; }) 有“添加测试用例”按钮。它生成一行。现在,当我展开它时,单击展开按钮。它不会开火 第二,我如何判断哪一行按钮被触发?如果我按了3次“添加测试用例”,我怎么知道我按了哪个 您试图将事件绑定到页面上尚不存在的元素 您可以在创建后绑定它,也可以使用事件并将其委托给文档。然后,所有新

你能告诉我为什么点击事件没有触发吗?我添加了如下单击事件:

$('.addClickClass').click(function(){
    alert('hi') ;                      
})
有“添加测试用例”按钮。它生成一行。现在,当我展开它时,单击展开按钮。它不会开火

第二,我如何判断哪一行按钮被触发?如果我按了3次“添加测试用例”,我怎么知道我按了哪个


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


您可以在创建后绑定它,也可以使用事件并将其委托给文档。然后,所有新元素都将具有此事件。

在将元素添加到DOM之前,您正在附加事件侦听器。将其移动到
$('.btn_handler')内。单击(函数(){

代码在页面加载时运行。此时,没有类为
addClickClass
的元素,因此没有添加事件处理程序。在调用
append
之后将其移动到,意味着您已经添加了类为
addClickClass
的元素,因此jQuery当时可以附加事件侦听器

因为“addClickClass”元素是动态添加的,所以应该用以下内容替换代码:

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

它在这里工作。从小提琴选项的左侧更改了选项
无换行
第二个问题anwser?如何知道哪个添加按钮是呼叫第一行还是第二行?是答案…了解了如何知道选择了哪个选项是答案…了解了如何知道选择了哪个选项selected@user944513顺便说一句,最佳做法是绑定on.cli将事件绑定到页面上最近的静态元素,并将其绑定到窗口,感觉有点紧张。
$(“#列表”).on('click','.addClickClass',function(){});
谢谢..先生,回答得很好..你能看看这个问题吗