使用.click（）选择附加的锚点

Question

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

查看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

您需要委派的事件处理程序：

$('.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