Используя javascript / jquery, есть ли способ остановить загрузку остальной части веб-страницы, пока не будет загружен раздел заголовка? - PullRequest
Новая
       1

Используя javascript / jquery, есть ли способ остановить загрузку остальной части веб-страницы, пока не будет загружен раздел заголовка?

1 голос
/ 18 февраля 2020

У меня есть заголовок (с видео внутри), и заголовок построен с помощью плагина (я на WordPress). При просмотре веб-сайта на мобильном устройстве заголовок раздела загружается некоторое время, в течение которого остальная часть содержимого заполняет пустое пространство. Когда заголовок, наконец, загружен, все перестраивается, как и должно (все это занимает около 4 секунд).

Однако клиент предпочитает, чтобы остальная часть страницы загружалась только после того, как заголовок был там. Есть ли какой-то javascript / jquery способ сделать это, что мне не хватает? Спасибо.

Предположим, что страница построена следующим образом: 

<html>
<head>...</head>
<body>
<section class="header">...</section>
<section class="section1">...</section>
<section class="section2">...</section>
<section class="section3">...</section>
</body>
</html>

Ответы [ 2 ]

3 голосов
/ 18 февраля 2020

Как насчет этого? 

$(".header").ready(function(){
  $(".section1).show();
  $(".section2).show();
  $(".section3).show();
})
2 голосов
/ 18 февраля 2020

Как предложили Hereti c Обезьяна, используйте функцию jQuery ready () .

Элементарной реализацией будет обновление классов вашего раздела до display:none, а затем в вашем скрипте для этой страницы: 

$(document).ready(function() {
  $(".section1).show();
  $(".section2).show();
  $(".section3).show();
});

Я считаю, что реализация по умолчанию show() должна установить display:block, поэтому, если вы хотите другое значение для этого свойства, например, встроенное, вы можете установить значение вручную через селектор вроде: 

$(".section1").attr('style', 'display:inline');
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...