Загрузка модальной при переходе между двумя страницами

Question

Я получил страницу входа в систему, которая перенаправляет вас на странице индекса, индекс страницы имеет следующий код:

<script type="text/javascript"> 


<div id="overlay"> 
    <img src="loading.gif" alt="Loading" /> 
    Loading... 
</div> 
jQuery: 

$(window).load(function(){ 

    $('#overlay').fadeOut(); 

}); 


    </script> 

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

Что я хочу, так это то, что, например, когда хром загружается (это показывает круговое движение круга), моя страница показывает модальную. Задержка задержки, я думаю, почему индекс ее тяжелый.

Answer 1

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

<script type="text/javascript"> 
    $('#overlay').fadeOut() 
</script> 

В противном случае, если JQuery не работает, потому что он еще не готов, то вы можете придется писать FADEOUT логику самостоятельно.

Answer 2

Ваш пример немного странный. Может быть, просто переформатирование вашего кода?

<div id="overlay"> 
<img src="loading.gif" alt="Loading" /> 
Loading... 
</div> 

<script type="text/javascript"> 
    // Using the shorthand jQuery ready code. Basically 
    // this will add an anonymous function to a stack 
    // and when the document's ready event fires, it 
    // goes through the stack and runs anything you've 
    // added. So, document is ready, no run: 

    $(function(){ 
    $('#overlay').fadeOut(); 
    }); 
</script> 

Или, может быть, ваш вопрос о разнице между load событием в window и document «s ready событие. См. Это для более window.onload vs $(document).ready()