Предварительная загрузка слоя сайта и JQuery

Любой может сказать мне, что с этим кодом не так. Не работает для меня. Я положил большие изображения (размер) на тест, но все равно не работал.Предварительная загрузка слоя сайта и JQuery

Pre загрузки сайта с DIV, изображение предварительной загрузки и Jquery

На

<script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
<style> 
.modal { 
    display: none; 
    position: fixed; 
    z-index: 10000000; 
    top:  0; 
    left:  0; 
    height:  100%; 
    width:  100%; 
    background: rgba(255, 255, 255, .8) 
       url('http://i.stack.imgur.com/FhHRx.gif') 
       50% 50% 
       no-repeat; 
} 


body.loading { 
    overflow: hidden; 
} 


body.loading .modal { 
    display: block; 
} 
</style> 

<script> 
$body = $("body"); 

$(document).on({ 
    ajaxStart: function() { $body.addClass("loading"); }, 
    ajaxStop: function() { $body.removeClass("loading"); }  
}); 


</script>

А до

<div class="modal"><!-- Place at bottom of page --></div> 
</body>

источник

2015-08-13 Tom

, если этот код в голове .... вы ищете '$ ('body') 'перед тем, как он существует. «Не работает для меня» - это не правильное описание проблемы, особенно если вы не определили, что вы ожидаете от кода или того, что он делает. Это в основном бессмысленно – charlietfl

Это предварительный загрузчик. Итак ... Идея состоит в том, чтобы заряжать слой (div) во время тела или загружать все элементы Интернета. – Tom

, и это должно быть объяснено в вопросе вместе с правильным описанием проблемы. – charlietfl

Просто инкапсулировать код внутри:

$(function() { 
    $body = $("body"); 

    $(document).on({ 
     ajaxStart: function() { $body.addClass("loading"); }, 
     ajaxStop: function() { $body.removeClass("loading"); }  
    }); 
});

Выполнение после загрузки страницы. Если вы не хотите, чтобы содержимое, которое должны быть показаны началом, а затем добавить класс как loading, даже прежде чем загружать содержимое:

<body class="loading">

источник

2015-08-13 23:36:30

Я обновил сценарий JS. Но он все еще не работает. Элементы заряжаются, но модальные или DIV не отображаются на всем сайте во время загрузки всех элементов (изображений и всей страницы). – Tom

Предварительная загрузка слоя сайта и JQuery

ответ

Смежные вопросы