jQuery的选项和动态添加html

Question

我使用jQuery的方法来绑定按钮点击事件的事件。我正在使用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 
});