jquery – 事件监听器不处理动态添加的元素

我在使用jQuery按下提交按钮时为我的文档添加了一个h1标签.我想稍后与这个h1标签交互(用鼠标点击),所以我需要为它添加一个事件处理程序.但是,它似乎没有注册点击次数.

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

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

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

用这个 ：

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

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

边注 ：

你确定你不想要$(this).css(“color”,“red”);代替$(“h1”).css(“color”,“red”); ？使用$(this)会改变点击的h1的颜色,而不是所有的h1.