将点击事件绑定到动态按钮

Question

我正在尝试使单击事件适用于动态添加的按钮列表。

查看这个 jsfiddle： https://jsfiddle.net/jeffxiao/u1dc57za/5/

失败行是：

$(".run").on('click', 'ul#mitigationList', clickFunction);

欢迎任何反馈。

Answer 1

使用这个点击事件代码：

$(document).on("click", ".run", function(){
alert("Clicked!");
});

工作 jsfiddle：https://jsfiddle.net/rajnikpatel/76nmazcf/

Answer 2

此问题是 $('.run').on('click', 'ul#mitigationList', clickFunction) 将查找对 .run 元素的 ul#mitigationList 后代的点击，这不是您想要的。

可以这样想：

$('elementsToWatch').on('eventName', 'descendants', functionToRun)

已更新您的fiddle：

https://jsfiddle.net/u1dc57za/11/

Answer 3

试试这个：

 $("html body").on('click', '.run', clickFunction);

jsfiddle: https://jsfiddle.net/u1dc57za/12/