javascript - 如果尚未添加 HTML 元素，Jquery .click() 不起作用

Question

我尝试过方法: Attaching click event to a JQuery object not yet added to the DOM

但在我的情况下似乎不起作用。当我通过jquery创建dom元素后，新创建的元素无法访问。我想要的是点击“click me”按钮后，图像将显示，我希望单击图像和div (#color-picker-box)出现。

我的代码:https://codepen.io/MoMoWongHK/pen/ZXbWYb

Answer 1

调用div的id时添加井号#，

来自

$("myDiv").on("click" ,".color-picker-icon" , function(){
    alert("hi");
    $("#color-picker-box").removeClass("display-none");
});

至

$("#myDiv").on("click" ,".color-picker-icon" , function(){
    alert("hi");
    $("#color-picker-box").removeClass("display-none");
});