JQuery выполнение готового события после загрузки новой страницы

Question

var x = $("<div ></div>"); 
$('body').append(x); 
x.load('page.html' 
    , function() { 
     $(document).ready(
      function(){ 
      //useful stuff here; 
      } 
     ); 
    }); 

Я ожидаю готовую функцию обратного вызова, которая будет выполнен после page.html полностью загружен и уже выполнили все эти скрипты внутри моего «DIV».
Этот пример работает.
Мой вопрос: Является ли это правильным способом делать то, что я ожидаю? Есть ли другой путь? Какова логика готового события в этом случае? Должен ли он применяться к «документу», «этому» или «х»?

Answer 1

dummy.html

<SCRIPT> 
    $(document).ready(
     function(){ 
      var x = $("<div >hola</div>"); 
      $('body').append(x); 
      x.load('dummy2.html', function() { 

       console.log('dummy callback'); 

       $(document).ready(
        function(){ 
        console.log('dummy has loaded after dummy2 has loaded'); 
        //useful stuff here; 
        } 
       ); 
      }); 
     } 
    ); 
</SCRIPT> 

dummy2.html

<SCRIPT> 
    $(document).ready(
     function(){ 
      console.log('dummy 2a has load'); 
     } 
    ); 
    $(document).ready(
     function(){ 
      console.log('dummy 2b has load'); 
     } 
    ); 


</SCRIPT> 

Этот пример показывает, как работает последовательность , сначала напечатайте фиктивный обратный вызов ', второй: макет 2а и макет 2b, а также последний отпечаток «dumy загружен после загрузки фиктивного файла», я знаю, почему работает нормально, но последовательность работает нормально.

Update

если вы удалите строки $ (документ) .ready последовательность является

первый: фиктивный обратный вызов второй: манекен загружается .../Неправильно!/

Answer 2

Вы событие нагрузки должны быть помещены в DOM готовы ..

$(document).ready(function() { 
    var x = $("<div ></div>"); 
    $('body').append(x); 
    x.load('page.html', function() { 

     //useful stuff here; 
    }); 
}); 

Нет необходимости обратного вызова, чтобы быть заключен в DOM ready обработчиком ..

Он работает в этом случае, как вы не кажется для выбора любого уже существующего элемента на странице. Так что это будет работать нормально событие без DOM ready обработчика