jquery - Jquery .on で動的に作成された要素に対してアクションを実行できません

Question

多くのユーザーと同じように、動的に作成された要素にアクションをバインド/起動できないようです。

私の既存の要素では、関数が実行され、動的なものでは、リンクがクリックされると、URL が読み込まれます。（URLは重要ではありません。他のアクションを書く前の私のテスト用です）

何が欠けていますか？jQuery 1.7.1 を使用しています

ありがとうございました！！

jQuery('.image-widget-data').append('<a href="http://www.google.com">Select Files</a>');

jQuery("body").on("click", ".image-widget-data a", function(){ 
   event.preventDefault();             
   alert("Goodbye!"); 
});

Answer 1

eventクリック ハンドラー関数で宣言が欠落している可能性があります。

jQuery("body").on("click", ".image-widget-data a", function(event){ 
                                                            ^^

Answer 2

jQuery(".image-widget-data").on("click", "a", function( event ){ 
   event.preventDefault();             
   alert("Goodbye!"); 
});

Answer 3

イベントをパラメータとして渡すのを忘れました

jQuery("body").on("click", ".image-widget-data a", function(event){ 
   event.preventDefault();             
   alert("Goodbye!"); 
});

http://jsfiddle.net/fbaWW/