Jquery代码不适用于html创建的项目

Question

检查此https://jsfiddle.net/qh2pfhjy/

我正在创建一个div，但点击功能不起作用。

有什么想法吗？

我的代码也是：

$("#helloDiv").click(function(){
    alert("The paragraph was clicked.");
});

$(document.body).append('<div id="helloDiv">Edit me</div>');

Answer 1

要将事件绑定到动态创建的元素，请更新此类代码。

这

$("#helloDiv").click(function(){
    alert("The paragraph was clicked.");
});

要

$(document).on("click", "#helloDiv", function(){
    alert("The paragraph was clicked.");
});

请确保将document替换为您所拥有的父上下文，而不是动态创建的b）尽可能接近动态添加的div。

供参考 - http://api.jquery.com/on/

https://jsfiddle.net/qh2pfhjy/2/