WOW jquery 滑块

Question

使用 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);
});

这很奇怪，正如前面提到的，它在页面刷新时起作用，但在初始页面加载时不起作用。 任何对此的帮助将不胜感激。

Answer 1

你正在混合 DOM 和 jQuery 并且有一个非常无用的超时值

试试这个

$(function() { // when the page has loaded
  $("#preloader").hide(); // no need for a class
  new WOW().init();
});

Answer 2

继上次发布的精彩答案之后 - 我做了两件事有帮助：

我在初始化脚本中添加了以下内容：

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 滑块滑入标题

Answer 3

哇滑块。他们正在收集电子邮件 ID 来发送垃圾邮件。我什至无法从我的 WP 安装中删除它。