$(...).counterUp 不是 WordPress 的函数答案

【问题标题】：$(...).counterUp is not a function WordPress$(...).counterUp 不是 WordPress 的函数
【发布时间】：2019-10-01 07:31:03
【问题描述】：

不知道为什么$(...).counterUp is not a function。

Waypoints 排在Counter-up 之后。
WP 核心 JQuery 在它们之前加载。

查看源码排序：

<script type='text/javascript' src='http://testsite.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0.0/jquery.counterup.min.js?ver=5.2.3'></script>
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.js?ver=5.2.3'></script>

我如何排队 Waypoints 和 CounterUp：

wp_enqueue_script( 'counterup', 'https://cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0.0/jquery.counterup.min.js', array(), false, false);
wp_enqueue_script( 'waypoints', 'https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.js', array(), false, false);

正在使用的JS：

jQuery(document).ready(function($) {
    $('.counter').counterUp({
        delay: 10,
        time: 1000
    });
});

我在这里错过了什么？

编辑：

文件加载位置的屏幕截图：

也试过通过node_modules拉counterup：

wp_enqueue_script( 'counterup', plugin_dir_url( __FILE__ ) . 'node_modules/counterup/jquery.counterup.min.js' );

...仍然收到相同的错误消息。

【问题讨论】：

检查 jQuery 的任何其他包含。例如，您可能在文档下方的某个位置有另一个 <script src="...jquery.js">
嗨@Phil - WordPress 核心 JQuery 是页面（和站点）上唯一包含的 JQuery
在加载jquery.counterup.min.js之前初始化Counter代码的时候？
@Vel - 计数器代码编译成 theme.min.js 和 theme.min.js 在关闭 body 标记之前加载。所以是的，在调用 counterUp 之前加载了 JQuery。
可以分享截图吗？

标签： javascript jquery wordpress jquery-waypoints

【解决方案1】：

下载jquery.counterup.min.js并包含在您的活动主题文件夹/js中。

在functions.php文件的脚本下方添加。

function counterup_scripts() 
{
     wp_enqueue_script('counterup', get_stylesheet_directory_uri() . '/js/jquery.counterup.min.js', array(), false, false);

}
add_action('wp_enqueue_scripts', 'counterup_scripts');

【讨论】：

我刚刚尝试过（并且还取消注册了 WordPress 核心 JQuery 并注册了 JQuery 3.4.1）但仍然收到 counterUp is not a function 错误？
你把counterup.js下载到本地了吗？