Как выполнить Jquery действия от одного к другому .load .load

Question

У меня есть две дивы, что оба авто обновляются каждые несколько секунд с содержанием загружены с помощью Jquery .load()

<script> 
    $(document).ready(function(){$("#a1").load("a1.php"); 
    var refreshId=setInterval(function(){ 
$("#a1").load('a1.php?randval='+Math.random());},10000);$.ajaxSetup({cache:false});}); 

    $(document).ready(function(){$("#b2").load("b2.php"); 
    var refreshId=setInterval(function(){ 
$("#b2").load('b2.php?randval='+Math.random());},20000);$.ajaxSetup({cache:false});}); 
    </script> 


<div id='a1'></div> 
<div id='b2'></div> 

мне нужно содержимое вставленной в div b2, чтобы иметь возможность манипулировать содержимым в div a1 с jquery ..

eg содержание, загруженное в div 1 a1.php

<span class="test">Hello World</span> 

например. загруженное в в Div 2 b2.php

<script type="text/javascript"> 
$(document).ready(function(){ 
$('.test').text('Good Bye cruel world'); 
}); 
</script> 

Но это не похоже на работу ... Надеюсь, что имело смысл .. Есть идеи?

Answer 1

Ваш $ (документ) .ready ... код выполняется до завершения .load(), потому что загрузка завершается позднее. Это означает, что когда он запускается, пока нет класса с классом «тест».

Вам понадобится выполнить вторую нагрузку после завершения первой загрузки (в a1). Для этого, нагрузка позволит передать ей функцию для вызова, когда нагрузка завершается (jQuery load documentation):

$("a1").load("contentLocation.php", null, function() { 
    $("a2").load("nextContentLocation.php"); 
}); 

Это приведет к JQuery для загрузки содержимого в a1 и, по завершении, содержание нагрузки в а2.