我一直在尝试解决这个问题，并且在网上遇到了许多类似的帖子，但没有一个解决方案适用于我的特定实例。
我在一组元素中使用 jQuery 'inserAfter'。我可以轻松地添加组，.. 但是，当单击删除链接时，我也调用了一个 remove() 函数，.. 但是新添加的元素没有任何反应，即使我可以毫无问题地删除其他组。
我正在使用 jQuery 的 on() 作为 click 函数。但是，这仍然不适用于动态添加的元素。
要重现此问题，请转到下面的 jsfiddle 链接，单击 ADD GROUP 按钮并查看添加到 DOM 的黄色组。现在，将鼠标悬停在黄色组上以显示删除按钮。单击删除按钮，然后，tada... 没什么
这是一个例子：
http://jsfiddle.net/revive/5MFRm/
jQuery(function($) {
$( "#tabs" ).tabs();
$("#group0").hide();
$('.group-content').hide(); // Hide all group-content elements
function clonePanel() {
var panel=$("#tabs #group0").clone(false),
lastpanel = $("#tabs .group").last().index(),
newid = 'group'+(lastpanel+1);
panel.attr('id',newid).addClass('newpanel');
panel.insertAfter($("#tabs .group").last()).show();
}
$(".add-group").on('click',function(){
clonePanel();
});
$(".delete-group").on('click',function(){
$(this).closest('.group').fadeOut('slow', function(){$(this).closest('.group').remove(); });
// alert('done');
});
$('#tabs').on('click', '.group-title-toggle',function(){ // Add class "hover" on dt when hover
$(this).closest('.group-title').toggleClass('active').next().slideToggle(); // Toggle dd when the respective dt is clicked
});
});