jqueryのセレクタがload（）の後で動作を停止する

Question

つまり、コンテンツがjquery load（）でロードされているページがあります。問題は私が選択しようとしているときです。 （文書準備内側）

$('a.selected_class').click(function(e){ 
alert('alert'); 
e.preventDefault(); 
}); 

最初のページに動作しますが、それ以降のページで（$（これを使用してロードされている）（URL）を.LOAD; div要素の中に）、セレクタは動作を停止します。

ヒント？

Answer 1

動作が停止しているわけではありません。実行時に存在する要素（ページの読み込み時）にのみ、clickハンドラーをバインドするだけです。

動的なものがロードされている<div>に、.delegate()ハンドラを配置することができます。

$('#mydiv').delegate('a.selected_class','click',function(e){ 
    alert('alert'); 
    e.preventDefault(); 
}); 

ハンドラは、#mydiv要素の上に置かれ、そしてclickイベントは、それまでの泡とき、それはイベントがa.selected_classに一致する要素に行われたかどうかを確認するためにテストします。

.live()メソッドは同じことを行いますが、ドキュメント全体ではドキュメントのために実行されるため、通常は使用することはお勧めできません。

Answer 2

click()は、現在ページに存在する要素でのみ動作します。 liveとdelegateをチェックしてください。 liveで：パトリックDWが言及したよう

$('a.selected_class').live("click", function(e){ 
alert('alert'); 
e.preventDefault(); 
}); 

、delegateは可能であれば好ましいです。