使用jQuery动态添加按钮

Question

我在.net中有一个mvc应用程序，试图动态添加按钮。 以下是我正在使用的jquery示例。 这是一个相当长的html序列，但可以正常工作，并且添加了这些按钮。 但是当按钮单击时，它们似乎没有激活我所拥有的click事件处理程序。

$('#imageCont').append('<div class="row tier" id="tier'+ tierIdCount +'"  ><hr/><h3>Tier</h3><button type="button" class="btn btn-default addPerson">Add Person</button><button type="button" class="btn btn-default removePerson">Remove Person</button></div>');

谢谢。

Answer 1

我想象您有这样的jQuery事件处理程序：

$('.removePerson').on('click', 
   function(e){
       //do some stuff
   });

如果您用

$(document).on('click', '.removePerson',
   function(e){
       //do some stuff
   });

一切都应该按预期开始。 动态添加的html元素必须使用委托事件，因为侦听器已附加到DOM中已经存在的元素上