Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jquery动态添加按钮_Javascript_Jquery_Dom Events - Fatal编程技术网

Javascript 使用jquery动态添加按钮

Javascript 使用jquery动态添加按钮,javascript,jquery,dom-events,Javascript,Jquery,Dom Events,我在.net中有一个mvc应用程序,我正在尝试动态添加按钮。下面是我正在使用的jquery示例。这是一个相当长的附加html序列,但它可以工作,并且添加了这些按钮。但是当按钮点击时,它们似乎并没有激活我所拥有的点击事件处理程序 $('#imageCont').append('<div class="row tier" id="tier'+ tierIdCount +'" ><hr/><h3>Tier</h3><button type="bu

我在.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>');
$(“#imageCont”).append(“
TierAdd PersonRemove Person”);

谢谢。

我想您的jQuery事件处理程序是这样的:

$('.removePerson').on('click', 
   function(e){
       //do some stuff
   });
如果你把第一行改成

$(document).on('click', '.removePerson',
   function(e){
       //do some stuff
   });
一切都应该像你期望的那样开始工作。动态添加的html元素必须使用委派事件,因为侦听器附加到DOM中已经存在的元素