停止重新加载 jQuery counterUp 插件脚本答案

【问题标题】：Stop jQuery counterUp Plugin Script from Reloading停止重新加载 jQuery counterUp 插件脚本
【发布时间】：2019-03-02 18:27:13
【问题描述】：

我正在使用一个简单的 counterUp 脚本，但是当网站的列通过媒体查询调整大小时，它会再次被触发。任何人都可以建议最好的方法来运行它并让它运行一次而不被重新触发，除非页面被刷新？谢谢！

<h3><span class="counter">457</span></h3>

$(document).ready(function() { //when document is ready
        $('.counter').counterUp({
            delay: 10,
            time: 1800
        });
    });

修复了以下问题：

$( window ).resize(function() { //Prevent being triggered again with window resize
        $('.counter').destroy();

    });

解决了！ :)

【问题讨论】：

请发布 counterUp 并创建一个minimal reproducible example - 没有任何东西可以重新触发任何东西
在其 Github 存储库中没有太多关于 CounterUp jQuery 插件如何工作的信息 - 您更好的选择是使用 github.com/bfintal/Counter-Up2 看看是否有帮助。
谢谢大家，我刚刚添加了以下内容以防止它在调整大小时再次触发： $( window ).resize(function() { $('.counter').destroy(); }) ;

标签： jquery counter page-refresh

【解决方案1】：

修复了以下问题：

$( window ).resize(function() { //Prevent being triggered again with window resize
        $('.counter').destroy();

    });

解决了！ :)

【讨论】：