1

我在本地使用带有纯 HTML、CSS 和 JS 的anime.js 制作了一些动画。现在我需要在基于 wordpress 的站点中实现这些动画。

不幸的是我得到了错误module is not defined。它指的是anime.js 文件中的最后一行module.exports = anime;。

我真的不太了解 Wordpress 开发，但我确实知道如何将脚本排入队列（至少我认为我知道）

这是我的functions.php文件中的代码，我在其中调用了anime.js和我的js文件，尽管我什至不知道这个错误是否与我如何将文件排入队列有关。

function load_my_scripts() {
    wp_register_script('animejs', get_template_directory_uri() . "/js/anime.js", array(), '', true );
    wp_enqueue_script('animejs');
    wp_register_script('scriptjs', get_template_directory_uri() . "/js/script.js", array('animejs'), '', true );
    wp_enqueue_script('scriptjs');
}
add_action('init', 'load_my_scripts');

出现问题的站点是这个： http: //www.provokatur.at/

我真的希望有人可以帮助我，谢谢。

4

2 回答 2

1

我想到了。

我不再将anime.js文件排入队列，我只是注册它：

wp_register_script('animejs', 'https://cdnjs.cloudflare.com/ajax/libs/animejs/2.2.0/anime.min.js');

之后动画没有被执行，我所做的只是添加

  jQuery(document).ready(function($){
        //Code goes here
  })

显然这是用jQuery执行动画......虽然我真的不明白这背后的原因，但我仍然希望我的解释能帮助一些人。

于 2019-02-09T14:55:53.427 回答
1

如果您确定您的代码是正确的，请不要忘记<?php get_footer(); ?>在页面中添加。

编辑：我尝试在我的主题中使用animejs，这段代码对我有用

function load_my_scripts() {
wp_register_script('animejs', 'https://cdnjs.cloudflare.com/ajax/libs/animejs/2.2.0/anime.min.js');
wp_enqueue_script('testscript', get_template_directory_uri(). '/js/test.js', array('animejs'), '', true);
}

add_action ('wp_enqueue_scripts', 'load_my_scripts');
于 2019-02-09T13:33:51.230 回答