jquery окно при загрузке не выполнено

Question

Я использую jquery для переключения анимации загрузчика при загрузке страницы: когда страница (текст и изображения) загружается, div, содержащий анимацию загрузчика, отображается поверх страницы. Когда страница полностью загружена, div с загрузчиком отключается.

<div class="loader">
    <div class="cssload-speeding-wheel"></div>
</div>

$(document).ready(function(){
    $(window).on('load',function() {
        $('.loader').hide();
    });

    // Other things...
});

, и это работает в первый раз, когда вы открываете страницу, но во второй раз, когда изображения уже кэшированы. $ (window) .on ('load', ...) не выполняется (я думаю, потому что изображения загружаются быстрее, чем document.ready), и, следовательно, загрузчик не отключается.

PS Я заметил это во время тестирования на Android с Chrome, на моем P C эта проблема не отображается

У кого-нибудь есть идея, чтобы решить эту проблему?

Answer 1

Вот что вам нужно использовать:

    $('.loader').hide();
});

$(document).ready(function(){


    // Other things...
});```

Answer 2

Исправлено с этим кодом

$(window).on('load',function() {
    $('.loader').hide();
});

$(document).ready(function(){


    // Other things...
});