wow.js 和 animate.css 不适用于 wordpress 主题答案

【问题标题】：wow.js and animate.css doesn't work on wordpress themewow.js 和 animate.css 不适用于 wordpress 主题
【发布时间】：2021-11-07 21:55:00
【问题描述】：

我添加了 wow.min.js 并在 body 的末尾初始化了 WOW，在 header 上初始化了 animate.css。但是将类添加到元素后，动画不会出现。

我尝试通过 function.php 添加 CSS 和 js 文件，但也没有用。

正文：


<?php wp_footer();?>
<script src="<?php echo get_template_directory_uri() . '/js/wow.min.js' ?>"></script>
        <script>
     wow = new WOW();
        wow.init();
        </script>
</body>

标题：

<head>
    <meta charset="<?php bloginfo('charset');?>">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="profile" href="https://gmpg.org/xfn/11">
  <link rel="stylesheet" href="<?php echo get_template_directory_uri() . '/assets/styles/header.css' ?>">
  <link rel="stylesheet" href="<?php echo get_template_directory_uri() . '/assets/styles/animate.min.css' ?>">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">

    <?php wp_head();?>
</head>

【问题讨论】：

标签： php css wordpress animate.css wow.js

【解决方案1】：

在这个问题上花了 2 天后，我发现我应该添加 animate__animated 以及其他类名来执行动画。我不知道这是否是animate.css 的新更新，但教程从未提及这一点。嵌入脚本一切正常。

【讨论】：

【解决方案2】：

早安，curlybom。
您能否检查一下 Jquery 是否也附加到模板？
我认为 wow.js 和 animate js 需要 Jquery。

<script src='https://code.jquery.com/jquery-3.6.0.min.js' id='jquery-core-js'></script>

请告诉它是否有效...

【讨论】：