Javascript jquery将侦听器添加到附加内容

我有一些jQuery代码如下：

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

    return false;
});

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

$（“#添加”）。单击（函数（事件）{
$（“#列表”）。追加（“”）；
返回false；
});
$（'.remove'）.live（'单击'，函数（））{
警报（“123”）；
});

如果有人点击class=remove，我希望它能提醒123。但这并没有发生。我认为这是一个简单的想法，但我肯定错过了什么

有什么想法吗

---

谢谢。

Live已被弃用，请在上使用

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

---

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

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

    return false;
});

$（“#添加”）。单击（函数（事件）{
$("", {
“类”：“删除”，
href:“#”，
正文：“x”
}).on（“单击”，函数（）{
警报（“123”）；
返回false；
}).附于（“#清单”）；
返回false；
});

---

避免使用

live

方法，因为它在最新版本的jQuery中已被弃用并最终被删除。

尝试委托函数。。因为您正在将它添加到

列表

。。。您可以使用

#list

，它的性能比

文档

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

---

您可以通过该链接阅读更多有关事件的信息，如有必要。您可以单击文档以绑定到加载时存在的内容。我看到它确实以您使用它的方式执行事件委派。有趣。谢谢。是的，如果存在选择器，它就是一个委托事件处理程序。在这里阅读更多：在我看来，这绝对是最好的答案。