jQuery CounterUp插件失效 数字无法从0滚动到目标值求助

核心问题1：CounterUp初始化未绑定DOM加载事件 #

当前counterUp调用代码会在页面资源加载完成前直接执行，此时.count元素还未完成渲染，导致插件找不到目标元素无法生效。需要把初始化代码包裹在jQuery的DOM加载完成回调中：

$(document).ready(function() {
  $('.count').counterUp({
    delay: 10,
    time: 3000
  });
});

核心问题2：依赖库版本不兼容 #

你使用的Waypoints 3.0.0版本和CounterUp 1.0.0存在兼容性问题，需要将Waypoints升级到4.0.1及以上版本，替换原有Waypoints的CDN链接即可：

<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js" integrity="sha512-CEiA+78TpP9KAIPzqBvxUv8hy48dmM9d4hCgmYrrRpyXj76xXkRJm3pUWgYndNnczjIJT8kNgSJwJD25aPzR9w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

其他不影响计数功能的小问题 #

你的CSS中定义了.fa-linked样式，但HTML里领英图标用的类名是fa-linkedin，调整类名可以让图标颜色正确显示：

/* 把原来的.fa-linked替换为 */
.fa-linkedin {
  color: #0077b5;
}

内容的提问来源于stack exchange，提问作者Frat_boy_trent_69