javascript - 使用 .click() 选择附加的锚点

Question

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

查看这个 JS fiddle 示例，以更好地理解我的意思。

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.");
});

小提琴