jQuery的。點擊（）不工作，如果沒有添加HTML元素

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"); 
}); 

Answer 2

你只是錯過了＃而使用myDiv作爲選擇器！

錯誤：

$("myDiv").cl.... 

更正：

$("#myDiv").cl..... 

Answer 3

您需要使用事件代表團，因爲沒有添加的元素又DOM。您需要捕獲其父級的點擊。

$('#myDiv').on("click", "#color-picker-box", function(e){ 
    console.log('color box clicked'); 
}); 

瞭解更多關於它： https://learn.jquery.com/events/event-delegation/
http://api.jquery.com/on/