jquery将监听器添加到附加内容

Question

我有一些像这样的jQuery代码：

$("#add").click(function(event){
    $("#list").append('<a class="remove" href="#">x</a>');

    return false;
});

$('.remove').live('click', function(){
    alert("123");
});

如果单击class = remove，我希望它提醒123.但这不会发生。 我认为这是一个简单的想法，但我必须遗漏一些东西。

有任何想法吗？

谢谢。

Answer 1

Live已弃用，请继续使用

$(document).on('click','.remove',function(){
alert("123");
});

Answer 2

添加元素和绑定事件而不委托的另一种方法：

$("#add").click(function(event){
    $("<a />", {
        "class": "remove",
        href: "#",
        text: "x"
    }).on("click", function() {
        alert("123");
        return false;
    }).appendTo("#list");

    return false;
});

避免使用live方法，因为它已被弃用并最终在最后一个版本的jQuery中删除。

Answer 3

试试委托功能..既然你要list ......你可以使用#list ，这在性能方面比document更好

 $('#list').on('click','.remove', function(){
     alert("123");
});

您可以通过链接阅读有关on（）事件的更多信息