Javascript 哇+；jquery+；为加载时的div显示设置动画，然后再次显示

我使用jquery+wow+animate在页面上显示一些div动画。 一切都正常，除了我的页面加载不顺畅。应该平滑显示的div首先在页面加载时显示，然后隐藏，然后以动画显示

---

请查看www.pester.rs，您可能会发现问题，我已经尝试了所有方法，但没有任何效果。

您必须使用CSS隐藏这些div，以防止闪烁。

这将是加载订单问题-首先，浏览器下载文档并显示它。稍后，当它加载整个javascript时，它会隐藏内容以提供漂亮的动画。所以我认为它也受到互联网连接速度的影响

解决方案1： 使用css隐藏内容，使其立即作为隐藏内容加载

缺点：如果javascript崩溃，内容将保持隐藏状态

解决方案2： 将此代码放在正文末尾，但在加载任何其他脚本之前（在任何其他脚本标记之前）

var wows=document.getElementsByClassName（'wow'））
对于（i=0；i

它将在页面加载之后立即执行，甚至在jquery之前，而且应该足够快

解决方案3： 使用立即插入的css文件到文档的头部，如图所示

---

我用它来隐藏对象

<div class="object-non-visible wow fadeInUp">

---

}

我看不出有任何问题……那么，我们是要查看您的网站并尝试了解大部分代码，还是您应该展示整个问题？您的页面正在强制为我提供价值7MB的图像：-（尝试上载较小的图像或使用CDN为其提供服务。可能是图像大小，CDN是什么？请尝试在中使用最低限度的代码重新创建该问题，并将该代码发布在问题的此处。不要链接到以后将无法复制该问题的网站。请考虑可能有相同问题的未来观众，您当前的问题。）stion对他们一点用处都没有。我一直在想隐藏它，但我没有看到它是由wow.js推荐的。我认为代码中存在一些问题，为什么会发生这种情况。我在其他一些网站上尝试过，但仍然存在相同的问题。也许我可以用jquery隐藏该div，然后用wow显示它？我用$（'.wow'）.css（{visibility:hidden}）；但它并不能解决问题。我已经用.wow{visibility:hidden；}尝试过了它可以工作，但如果禁用javasctipt会有一个问题。如果我可以通过javascript来实现，那会更好。我已经添加了纯javascript的其他解决方案，它可以帮助您在不修改CSS的情况下实现。我认为您使用

$（'.wow'）.CSS（{visibility:“hidden”}）解决方案的问题；

不够快，因为它是在jquery之后包含的，所以浏览器必须等待jquery完全加载…感谢您的努力，我已经在底部尝试了这个纯javascript代码，但在其他javascript之前。它仍然不够快。在您的浏览器之前还有一些其他JS脚本链接可以隐藏wow div，我的意思是：

和

我知道，我们已经在评论中讨论过了。它正在工作，但如果禁用javascript，内容将被隐藏。

<div class="object-non-visible wow fadeInUp">

.object-non-visible {
opacity: 0;
filter: alpha(opacity=0);