Jquery 即使在使用ON函数时也要删除动态创建的元素

这不是重复的，因为我已经在使用ON函数，但它不起作用：

我正在尝试删除动态创建的元素

每次用户进行搜索时，都会添加一个带有关键字的标记，其中包含一个X按钮，用于删除此标记（添加到.tags div）：

添加标签

问题是，当我单击X按钮时，on（“单击”功能从未执行！（我从未收到警报）：

$（文档）.ready（函数（）{
$（“.searchbutton”）。单击（函数（）{
addTag（$（“.searchfield”）.val（）；
});
$（“.removeTag”）。在（“单击”，函数（）{
警惕（“是”）；
}); });
函数addTag（search）{$（“.tags”）.append（“+search+”X”）；}

在这里查看演示您必须进行搜索才能看到添加的标记

我使用jquery1.9.1

谢谢

这是重复的

 $(document).on("click",".removeTag", function(){
    alert("yes");
});

以下是您的更新版本：

---

这与该问题完全匹配。您使用的是（）上的

，是的，但是您没有使用该问题的授权版本。我链接的问题中的顶部答案包含解决此问题所需的所有信息。好吧，这已升级quickly@numbers1311407欢闹接踵而至。我必须承认我笑了

$( document ).ready(function() {

    $(".searchbutton").click(function(){
        addTag($(".searchfield").val());
    });
     $(".removeTag").on("click", function(){
        alert("yes");
    }); });

function addTag(search) {   $(".tags").append("<div class='tag'><span class='keyword'>" + search + "</span><button class='removeTag'>X</button></div>"); }

 $(document).on("click",".removeTag", function(){
    alert("yes");
});