jQuery的选项和动态添加的html

Question

我正在使用jQuery的on方法将按钮点击事件绑定到事件。我正在使用css类进行分配。

$('.removeBtn').on('click', function () {
    //CODE TO EXECUTE ON CLICK HERE
});

当我的页面加载时，所有带有“removeBtn”类的按钮都会相应地绑定并且没有问题。

我还在页面加载后动态添加按钮。它们有“removeBtn”类，但不要触发。

我想将这个新按钮的click事件处理程序添加到我现有的预定义处理程序中，但是我找不到任何如何执行此操作的示例。

我发现的所有示例都希望在创建时添加函数事件处理程序。这对于简单的警报或调用似乎很好，但我有一个ajax调用和一些字符串解析和验证。我不想再重复这段代码。

我尝试添加一个我可以从两个地方调用的函数，但这也需要一些重复。

我想要一种方法来简单地创建我的新按钮并告诉用户使用上面显示的代码中定义的函数。

我有什么选择？

Answer 1

您需要使用事件委派

$(document).on('click','.removeBtn', function () {
    //CODE TO EXECUTE ON CLICK HERE
});

• http://learn.jquery.com/events/event-delegation/
• http://api.jquery.com/on/

Answer 2

将侦听器附加到文档：

$(document).on('click','.removeBtn' function () {
    //CODE TO EXECUTE ON CLICK HERE
});