jQueryの.click（）HTML要素はまだ私が試した方法

Question

を追加していない場合は動作しません： Attaching click event to a JQuery object not yet added to the DOM

を私の状況で動作していないようです。 dom要素をjqueryで作成した後、新しく作成された要素にアクセスすることはできません。私がしたいのは、"click me"ボタンをクリックした後で、画像が表示され、画像とdivが表示されることを願っています。

マイコード：あなたのdivのIDを呼び出すときhttps://codepen.io/MoMoWongHK/pen/ZXbWYb

Answer 1

はあなただけ＃の間を逃した

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

Answer 2

に

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

から、

を番号記号＃を追加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/