Javascript jQuery（…）。不是Wordpress自定义模板中的函数

我使用AnimatedModalJS库允许用户登录我的Wordpress站点

在我的functions.php中，我排队如下：

function smallium__enqueue_scripts() {
    //lets put in the animated modal
    wp_enqueue_script( 'medium-modal', get_template_directory_uri() . '/js/animatedModal.min.js', array( 'jquery') ); 
    wp_enqueue_style('animated-modal', '//cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.min.css');
    wp_enqueue_script( 'medium-js', get_template_directory_uri() . '/js/medium-front.js', array( 'jquery','medium-modal' ) ); 
}
add_action('wp_enqueue_scripts', 'smallium__enqueue_scripts');

在medium front.js中，我调用animatedModal（）函数

jQuery(document).ready(function($) {
    jQuery("#login-anchor").animatedModal();
}

除了自定义Wordpress模板之外，这在大多数页面上都可以正常工作。我发现了错误

Uncaught TypeError: jQuery(...).animatedModal is not a function

在所有页面的源代码中，在我调用函数之前，库都已正确编码，因此我不确定为什么仅在自定义模板上不起作用

我还创建了一个只包含页眉和页脚的空模板文件，以查看是否有任何代码会导致错误，但没有结果

<?php
/* Template name: Write */
get_header(); ?>

<?php get_footer(); ?>

---

您的本地

animatedModal.min.js

应在

之前加载，而不是在

中加载，如下所述：

---

本地

animatedModal.min.js

应在

之前加载，而不是在

中加载，如文档所述：

---

在将文件（插件文件）加载到pageReady函数之前，您可能正在调用函数“animatedModel”，该函数在WP中的行为不同，尝试在end footer中调用该函数，您将得到结果。之后，您可以使用窗口加载事件或将脚本放在页脚中。如果执行代码时元素

#login anchor

不存在，请确保HTML元素存在。@DavinderKumar这不是解决方案。我在帖子中提到，对函数的调用是在函数初始化之后发生的。@JoseAPL无论元素是否存在，JS都会抛出此错误，因为它找不到函数，而不是因为元素不存在。此元素仅为注销的用户加载。如果我查看主页，缺少元素，它不会抛出错误。可能在将文件（插件文件）加载到pageReady之前调用函数“animatedModel”，函数在WP中的行为不同，尝试在end footer中调用函数，您将得到结果。之后，您可以使用窗口加载事件或将脚本放在页脚中。如果执行代码时元素

#login anchor

不存在，请确保HTML元素存在。@DavinderKumar这不是解决方案。我在帖子中提到，对函数的调用是在函数初始化之后发生的。@JoseAPL无论元素是否存在，JS都会抛出此错误，因为它找不到函数，而不是因为元素不存在。此元素仅为注销的用户加载。如果我查看缺少元素的主页，它不会抛出错误。

function smallium__enqueue_scripts() {
    //lets put in the animated modal
    wp_enqueue_style('animated-modal', '//cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.min.css');
    wp_enqueue_script( 'medium-js', get_template_directory_uri() . '/js/medium-front.js', array( 'jquery','medium-modal' ) ); 
    wp_enqueue_script( 'medium-modal', get_template_directory_uri() . '/js/animatedModal.min.js', array( 'jquery'),false, true ); 
}
add_action('wp_enqueue_scripts', 'smallium__enqueue_scripts');