jQueryとload（）。私はこの関数によってロードされたdivの中にインナーHTMLを変更しようとしている

Question

ロードされたクラスで、内部HTMLを変更することができません：site.phpで

$("#container").load("site.php");

は私が<div class="users_count">を持っていると私はその中にいくつかのテキストを配置したいと思います。私は$(".users_count").html("TEST")を使用しようとしていますが、jQueryは.users_countクラスを参照していないため、実行できません。

私はjQueryのon()とlive()について聞いたきたが、それはclick, keyup etc...私はとにかくせずに、このdiv要素にテキストを配置する必要があり

のようないくつかのイベントが必要です - ちょうど、ユーザーの操作なしで私の機能でそれを行います。それは、関連するコンテキストを設定した方が良いですので、あなたはほとんどの場合、ターゲット要素がロードされたコンテンツの子孫ではないたくないだけ$('.users_count')の

$("#container").load("site.php", function(){ 
    $(this).find('.users_count').html('TEST'); 
}); 

$(this).find('.users_count')がisntead：

Answer 1

$.fn.load()が非同期である、あなたはcompleteコールバックを使用することができます、selectorに従ってください。お使いの場合には、それは何も変わらないだろうが、時には誰もが知っている...

Answer 2

あなたはload()の完全なコールバックを使用することができます

「完全な」コールバックが提供されている場合、それは後の後に実行されます処理とHTML挿入が実行されました。

$("#container").load("site.php", function() { 
    $(".users_count").html("TEST") 
}); 

は、この情報がお役に立てば幸いです。

Answer 3

読み込みが完了したら、何かしたいですか？これは、完全なコールバックで行われます。

$("#result").load("ajax/test.html", function() { 
    alert("Load was performed."); 
    // Do your stuff here 
}); 

Answer 4

私はjQueryのからlive()にon()を必要としない別の解決策を持っています。

私は私がexample.phpに私のクラスで使用するすべての私の機能が含まれている<script type ="text/javascript" src="myFunctions.js"></script>を入れて右</body>前example.phpで$("#container").load("example.php");を行う

。

今、私のexample.phpがロードされているので、私のjQuery関数はクラスやIDの検索に問題がありません。