jquery - 事件侦听器不适用于动态添加的元素

Question

当按下提交按钮时，我正在使用 jQuery 在我的文档中添加一个 h1 标记。我想稍后与这个 h1 标签交互（通过鼠标点击），所以我需要向它添加一个事件处理程序。但是，它似乎没有记录点击次数。

我以前在 SO 上看到过这个问题，他们都说使用 .on()，我有，但仍然没有运气。我也没有收到任何错误，所以不知道从哪里开始。

这是一个非常简化版本的jsFiddle。谢谢。

$("h1").on("click", function(){
    alert("test");
    $("h1").css("color","red");
})

score 15 · Accepted Answer

用这个：

$(document.body).on("click", "h1", function(){
    alert("test");
    $("h1").css("color","red");
})

当您调用on它时，jquery 集必须包含将包含h1. 您可以替换document.body为您确定h1将在其中的任何元素。

边注：

你确定你不想$(this).css("color","red");代替$("h1").css("color","red");吗？使用$(this)会改变点击的颜色h1而不是全部的颜色h1。

score 0 · Accepted Answer

试试这个

JS代码

$(document.body).on("click", "h1", function(){
    alert("test");
    $(this).css("color","red");
});

2 回答 2