javascript - $(...)。counterUp不是WordPress的功能

不确定为什么使用$(...).counterUp is not a function。

在Waypoints之后排队。

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>

我如何排队Counter-up和Waypoints:

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
    });
});

我在这里想念什么？

编辑:

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




还尝试通过CounterUp拉counterup:

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

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

最佳答案

下载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');

关于javascript - $(...)。counterUp不是WordPress的功能，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/58179989/