我在 .net 中有一个 mvc 应用程序,我正在尝试动态添加按钮。下面是我正在使用的 jquery 的示例。这是一个相当长的附加 html 序列,但它可以工作并且添加了这些按钮。但是当按钮单击时,它们似乎并没有激活我所拥有的单击事件处理程序。
$('#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>');
谢谢。
最佳答案
我想你有这样的 jQuery 事件处理程序:
$('.removePerson').on('click',
function(e){
//do some stuff
});
如果你改变了第一行
$(document).on('click', '.removePerson',
function(e){
//do some stuff
});
一切都应该按照您的预期开始工作。动态添加的 html 元素必须使用委托(delegate)事件,因为监听器附加到 DOM 中已经存在的元素
关于javascript - 使用 jquery 动态添加按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43126097/