Javascript Wow.js没有'；t加载延迟超过1s的动画。为什么？

我正在使用animate.css和wow.js

第三个，数据延迟超过1秒，不会衰减。它通常会淡入（不是从左侧）

以前有人遇到过这个问题吗？我怎样才能修好它

--

这是我的看法。我在页面上有三个列表项

<li>
  <span class="fadeInLeft wow" data-wow-delay="300ms">Text1</span>
</li>
<li>
  <span class="fadeInLeft wow" data-wow-delay="800ms">Text2</span>
</li>
<li>
  <span class="fadeInLeft wow" data-wow-delay="1200ms">Text2</span>
</li>

文本1


文本2


文本2

Wow.js api在动画中也使用秒单位

例如，data wow delay=“2s”可以正常工作。我不确定“1.2”是否正确

---

试试看，让我知道这是否适合你。

我知道这条线有点旧，但我想我会发布我所知道的：

尝试使用一个section类

<section class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="0.3s"><li>Text1</li></section>
<section class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="0.8s"><li>Text2</li></section>
<section class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="1.2s"><li>Text3</li></section>

文本1
文本2
文本3

确保您的脚本是正确的，并正确键入“wow.js”或“wow.min.js”作为最低版本。如果没有，你将有动画，但没有wow.js延迟或滚动

    <script src='js/wow.min.js'></script>

    <script>
        new WOW().init();
    </script>

新的WOW（）.init（）；

我也有同样的问题。我找到了一个解决方法，可以添加以下内联样式：

---

style=“-webkit动画持续时间：3s；-moz动画持续时间：3s；动画持续时间：3s；”

我是这样做的：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>


<li><span class="wow animate__animated animate__fadeLeft" data-wow-delay="0.3s">Text1</span></li>
  <li><span class="wow animate__animated animate__fadeLeft" data-wow-delay="0.8s">Text2</span></li>
  <li><span class="wow animate__animated animate__fadeLeft" data-wow-delay="1.2s">Text2</span></li>er code here

文本1
文本2
Text2
此处为er代码

感谢您的回复！不起作用，我试着使用1、2和3，只有第一个从左边淡入，其他的则常规淡入。奇怪吧，我想我已经明白了。你需要与你的单位保持一致。因此，它们都必须是“s”。试试这些值：0.3s、0.8s和1.2s。我只是尝试了一下，它们对我很有效。我还建议在fadeInLeft之前移动wow，这样类属性的值就是“wow fadeInLeft”。如果仍然不起作用，你可能没有正确初始化插件，或者其他一些超出本文范围的问题。谢谢。还是没用。我不确定这可能是什么，但谢谢你的帮助！不客气。那么，我不确定问题是什么。我将查看您自己的标记代码以了解问题，并确保库的行为符合预期，甚至可能需要一个指向页面的链接。