javascript - 使用 .click() 选择附加 anchor

Question

我想附加一个与现有 anchor 具有相同类的 anchor ，然后使用 .click() 定位附加的 anchor 。我当前的代码与现有的 anchor 完美配合，但它不适用于附加的 anchor ，即使它们具有相同的类。如何定位附加的 anchor ？

查看 this JS fiddle example为了更好地理解我的意思。

HTML:

<a href="#" class="append">Append.</a>

<div class="div1">
    <a href="#" class="link">Link.</a>
</div>

jQuery:

$('.append').click(function(){
  $('.div1').append('<a href="#" class="link">Appended link</a>');
});

$("a.link").click(function(){
  alert("The link was clicked.");
});

Answer 1

您需要为此委托(delegate)事件处理程序:

$('.append').on('click', function(e){
    e.preventDefault();
    var anchor = $('<a />', {href: '#', 'class': 'link', text: 'Appended link'});
    $('.div1').append(anchor);
})

$('.div1').on('click', 'a.link', function(e){
     e.preventDefault();
     alert("The link was clicked.");
});

FIDDLE