使用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中已經存在的元素上