jquery - jQueryで動的に追加されたオブジェクトでクリックイベントが機能しない

Question

アイコン ファイルを DIV に動的に追加する HTML ページがあります。この画像は閉じるアイコンとして機能し、「閉じる」などの定義済みのクラスがあります。このクラスには、次のようなクリックイベントを添付しました

$('.close').click(function({
     alert('You chose to delete this image');
});

これは、ページの読み込み時に読み込まれるスクリプトに対しては正常に機能します。ただし、同じアイコンを他の DIV にアタッチすると、クリック イベントがトリガーされないようです。firebug にエラーはありません。何が悪いのかわからない！

Answer 1

ドキュメントまたは最も近い静的要素のデリゲート

$(document).on('click', '.close', function () {
    alert("You chose to delete this image");
});

Answer 2

イベント委任を行う必要があります。

$(document).on('click', '.close', function () {
    //rest of the code

}