animate.css + wow.js可以在一页上工作,而不能在另一页上工作

时间:2018-06-19 20:37:18

标签: javascript html css animate.css wow.js

现在,我有些困惑,因为我有两页上面写着完全相同的代码,后来才被复制并粘贴。我正在使用 animate.css wow.js

  • 在两个页面上我均已正确链接文件
  • 在两个页面上,我都使用了完全相同的代码和完全相同的HTML元素

问题是该代码在/folder/page.html页面上可以正常工作。它在根文件夹的/index.html页面上起作用。当我在浏览器中加载页面时,具有“ wow bounceIn”类的元素仅闪烁一毫秒,就好像它要进行动画处理一样,但是与其他内容冲突。

    <head>
      <link href="/folder/css/animate.css" rel="stylesheet">
    </head>

    <body>
      <div class="wow bounceIn">
        <img src="" alt="">
        <p class=""> Some text </p>
        <p class=""> Some more text </p>
        <a href="">
          <button> Button </button>
        </a>
      </div>
      <script src="/folder/js/jquery-1.11.3.min.js"></script>
      <script src="/folder/js/wow.js"></script>
      <script>
        new WOW().init();
      </script>
    </body>

有没有人知道解决方案可能是什么?

编辑 这是使用的文件夹结构:

/index.html
/folder/page.html
/folder/css/animate.css
/folder/js/wow.js

0 个答案:

没有答案