javascript подключается через раз

303
10 декабря 2016, 10:30

Есть сайт со слайдером.
Слайд использует библиотеку SlidesJS. Структура слайдера:

<div id="slider">
<div class="slide">
    <div class="slide-img">
        <img src="" alt="" />
    </div>
</div>
<div class="slide">
    <div class="slide-img">
        <img src="" alt="" />
    </div>
</div>
<div class="slide">
    <div class="slide-img">
        <img src="" alt="" />
    </div>
</div>
<div class="slide">
    <div class="slide-img">
        <img src="" alt="" />
    </div>
</div>

Возникла следующая проблема скрипт отрабатывает через раз - заходим на страницу показывается просто столбик из картинок. Обновляем раз 4-5 и только после этого отрабатывает скрипт и формируется слайдер. Если после этого еще раз обновить страницу, появляется снова столбик из картинок.

Answer 1

Подключай скрипты в конце body и запускай инициализацию в JS:

$( window ).load(function() {
  // Run code
});

Инициализация слайдера произойдет сразу после полной загрузки страницы, если страница написана качественно (0-2 секунды для загрузки), то это решение будет оптимальным.

В противном случае, лучшие подключить инициализацию на загрузку в body:

<body onload="yourFunction();">
  //Some code
</body>
READ ALSO
Как реализовать подобный Pagination js

Как реализовать подобный Pagination js

Нужна простейшая пагинация, которая примерно работает так:

238
Как &ldquo;научить&rdquo; HTML брать контент из JSON файла?

Как “научить” HTML брать контент из JSON файла?

Мне нужно чтобы HTML сайта использовал mustache или handlebars чтобы заполнить себя контентом из JSON файла

351
IE11 input type=&ldquo;file&rdquo; accept=&ldquo;&rdquo; всегда добавляются HTML и Images

IE11 input type=“file” accept=“” всегда добавляются HTML и Images

В IE11, какой бы тип файла не был выбран в accept, всегда добавляются две дополнительные категории: "Html" и "Images"Например, если требуется кастомный...

184