Блог

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

Можно ли использовать этот загрузчик ajax вместо белого экрана? Кажется, что он загружается при загрузке страницы, но не раньше, и я перепробовал несколько кодов jQuery, при готовности документа, при загрузке и т. Д.. Я также включил видео-пример: https://streamable.com/5n8n4k

Мой код jQuery:

 jQuery(window).load(function() {
  jQuery('body').append("<div class='ui-loader-background'> </div>");
  jQuery("#loadingDiv").css("display","block");
  jQuery(".ui-loader-background").show();
});

 

мой HTML-код:

 <div id="loadingDiv">
<div class="cssload-thecube">
    <div class="cssload-cube cssload-c1"></div>
    <div class="cssload-cube cssload-c2"></div>
    <div class="cssload-cube cssload-c4"></div>
    <div class="cssload-cube cssload-c3"></div>
</div>