jquery - jQuery 的选项和动态添加的 html

Question

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

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

当我的页面加载时，我所有带有“removeBtn”类的按钮都会相应地绑定并且可以正常工作。

我还在页面加载后动态添加按钮。这些具有“removeBtn”类，但不会触发。

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

我发现的所有示例都希望在创建时添加函数事件处理程序。这对于一个简单的警报或调用来说似乎很好，但我有一个 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
});