2010-12-15 12 views
8

私は現在、(いくつかのサンプルコードが最初にここれる)以下とのトラブルを抱えています:要するにjQuery load()関数でロードされた要素を選択する方法は?

<div id="container"></div> 

<script type="text/javascript"> 
    $('#container').load('content.html'); 

    $('.elementInContentHTML').fadeIn(); 
</script> 

、私はイベントに添付せずに、動的にページに追加された要素にアクセスできるようにしたいですハンドラー。

私はlive()方法について知っているが、私は

など、すなわち、私はちょうどそれらをクリックすることなく、これらの新しい要素を持ついくつかのアクションを実行したい、任意のイベントに自分の行動をバインドしたい焦点を当て、ブレないん

答えて

15

を参照してください。
次の行は、コンテンツがロードされる前に実行されます。

それが唯一の新しいコンテンツがロードされた後に実行されるようにするには、 load関数のコールバック内にコードを配置する必要があり

$('#container').load('content.html', function() { 
    $('.elementInContentHTML').fadeIn(); 
}); 
3

ロード完了時にコールバックを使用できますか? load関数は非同期ですhttp://api.jquery.com/load/

$('#result').load('ajax/test.html', function() { 
    alert('Load was performed.'); 
});