没有定义带有Wordpress:模块的Anime.js

Question

我用anime.js在本地用普通的HTML、CSS和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/

我真的希望有人能帮我，谢谢。

Answer 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执行动画..。虽然我真的不明白这背后的原因，但我仍然希望我的解释能帮助一些人。

Answer 2

如果您确信您的代码是正确的，请不要忘记在页面中添加<?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');