WOW jquery слайдер
Имея странный опыт работы со слайдером WOW Jquery. Я новичок в Javascript и Jquery
У меня есть баннер с текстом, который скользит при загрузке страницы с помощью слайдера WOW. У меня также есть предварительный загрузчик до того, как текст wowslider проскальзывает.
Когда я локально обновляю страницу своего веб-сайта, текст баннера скользит по мере необходимости после загрузчика страницы. Однако, когда я впервые загружаю страницу локально с рабочего стола, она не скользит после загрузчика страницы? Но будет на странице обновления.
Это код, который я использую для инициализации загрузчика страниц:
jQuery(document).ready(function() {
new WOW().init();
});
Это текст:
<h2 class = "wow fadeInLeftBig">CARE TO JOIN US?</h2>
Это javascript анимации загрузки страницы: // Анимация загрузки страницы
window.addEventListener("load", () => {
setTimeout(() => {
document.getElementById("preloader").classList.add("hide");
}, 000);
});
Это очень странно, как упоминалось ранее, оно работает при обновлении страницы, но не при начальной загрузке страницы. Любая помощь в этом будет принята с благодарностью.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Вы смешиваете DOM и jQuery и имеете очень бесполезное значение времени ожидания.
Попробуй это
$(function() { // when the page has loaded
$("#preloader").hide(); // no need for a class
new WOW().init();
});
Здравствуйте Спасибо за ваш ответ! Вау-слайдер теперь скользит намного больше с добавлением вашего кода — спасибо! Однако иногда он просто загружается с рабочего стола, не скользя внутрь. Это странно, потому что из того, что я узнал, функция .ready должна происходить после загрузки всего остального (включая предварительный загрузчик). Мне интересно, загружается ли он просто больше при обновлении, потому что функция сохраняется в кеше?
Это очень вероятно. Кроме того, слайдер WOW также может отложить загрузку ПОСЛЕ загрузки страницы, если ИТ-специалисты используют тайм-ауты.
Следуя последнему опубликованному отличному ответу, я сделал две вещи, которые помогли:
Я добавил следующее в сценарий инициализации:
jQuery(document).ready(function() {
$("#preloader").hide(); // no need for the div id
$("#top-content").show(); // show id
new WOW().init();//...then initialsie the wow slider
});
Затем я уменьшил размер изображения для баннера с 2000 пикселей в ширину до 1500 пикселей. Всего лишь разница в 500px! Эти изменения сильно повлияли на загрузку страницы с рабочего стола. Теперь страница будет загружаться с рабочего стола, и заголовок будет отображаться с помощью ползунка Wow.
Пожалуйста, посетите справочный центр , совершите тур , чтобы узнать, что и Как спросить . Проведите небольшое исследование, поищите связанные темы на SO; если вы застряли, опубликуйте минимально воспроизводимый пример вашей попытки, отметив ввод и ожидаемый результат, желательно в Stacksnippet