jQuery $(this).remove() 在 append 后不起作用

Question

我有一个带有 class="tags" 的 div，其中有一个预定义的超链接。

<div class="tags">
     <a href="#">myLink</a>
</div>

如果用户点击该超链接，我可以删除该超链接。

$('.tags a').click(function() {
    $(this).remove();
    return false;
});

这适用于预定义的超链接。如果我在 jQuery 的帮助下添加另一个链接(页面加载后)

$('.tags').append('<a href="#">newLink</a>');

在这些添加的链接上不会调用删除超链接(点击时)的功能。怎么解决这个问题？

Answer 1

您必须使用实时功能:

$(".tags a").live("click", function() {
    // ...
});

由于您是在初始加载后添加链接，因此标准点击事件不会绑定(bind)到动态添加的链接。