jquery - hrefのないタグでもjqueryクリック

Question

ID「mydiv」でDIVを定義するメインページがあります。次に、ajax を使用して、その DIV 内にリンクされたテキストを読み込みます。

誰かがそれらのリンクをクリックしたときに何かをしたいので、以下のようにjqueryを定義しました。

$("#mydiv > a").live('click',function(){
  alert($(this).text());
});

読み込まれた内容は以下の形式です

<a style="cursor:pointer;">Text 1</a>
<a style="cursor:pointer;">Text 2</a>
<a style="cursor:pointer;">Text 3</a>

誰か私が間違っていることを教えてください。

ありがとう、

Answer 1

内部のコンテンツをDIV with id "mydiv"動的にロードしているため（ajaxによって）...デリゲートイベントで使用

$("#mydiv").on('click','a',function(e){
  e.preventDefault();  //you may not need this... but this stops the default behaviour of <a> tag 
  alert($(this).text());
});

Answer 2

コンテンツを動的にロードしているため、 jQueryバージョン1.9.0.on()ではハンドラーがこれに使用されます。

またはに直接（他のすべての要素の親です）する必要がありdelegate the eventます。nearest existing parentdocument

$("#mydiv").on('click','a', function(){
  alert($(this).text());
});

また：

$(document).on('click','#mydiv a', function(){
  alert($(this).text());
});

Answer 3

このように使えます。デモ

$(document).ready(function(){

$("a").on('click',function(){
  alert($(this).text());
});

});

html

 <a style="cursor:pointer;">Text 1</a>
<a style="cursor:pointer;">Text 2</a>
<a style="cursor:pointer;">Text 3</a>