不确定为什么 $(...).counterUp 不是函数
。
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.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/