Загрузчик перед загрузкой страницы jQuery

Question

Я пытаюсь создать загрузчик, чтобы он отображался до тех пор, пока документ не будет полностью загружен, но загрузчик исчезнет до полной загрузки страницы.

<div class="loader"> 
    <div class="spinner"> 
     <div class="rect1"></div> 
     <div class="rect2"></div> 
     <div class="rect3"></div> 
     <div class="rect4"></div> 
     <div class="rect5"></div> 
    </div> 
</div> 

и JS используется:

$("#continut").load("fbapp.php"); 
    $(window).load(function() { 
     $('.loader').fadeOut(); 
    }); 

Любой ideea почему загрузчик выведения перед #continut загружается?

Answer 1

window.load не принимает в учетную запись AJAX запросы, только внешние CSS файлы, изображения и т.д. Для того, чтобы делать то, что вам требуется, используйте функцию обратного вызова метода load():

$("#continut").load('fbapp.php', function() { 
    $('.loader').fadeOut(); 
}); 

Answer 2

$().load(url) делает АЯКС вызов - т.е. асинхронный.

Ваше окно закончило загрузку, но дополнительного вызова ajax нет. window не получает события от нагрузки ajax.

Вы можете использовать «Done» часть load, как:

$("#continut").load("fbapp.php", function() { 
    $('.loader').fadeOut(); 
});