如何修改此 jQuery 插件以具有更新计数器值的方法？答案

【问题标题】：How can I modify this jQuery plugin to have a method for updating the value of the counter?如何修改此 jQuery 插件以具有更新计数器值的方法？
【发布时间】：2013-02-06 05:50:07
【问题描述】：

我整天都在使用这个 jQuery 计数器插件......我终于在我的网站上实现了它并且可以正常工作。 :) 但是，我无法找到一种方法来使用插件“更新”计时器的值？

http://sophilabs.github.com/jquery-counter/

它似乎没有更新计数器实际数量的方法...我尝试编写一些代码来更改 data-stop 属性但对我不起作用？！？

基本上，我正在寻找一种可以使用此插件的方法，然后使用 onClick 函数向计数器添加一个整数（比如 5）。

所以 ---> 点击一个按钮 = 计数器加 5！

也许我只是在这里遗漏了一些东西？或者也许必须使用新的更新方法修改插件？没有把握？感谢您的帮助...谢谢！

【问题讨论】：

请添加代码以便我们定位问题并相应解决。

标签： jquery jquery-plugins methods counter

【解决方案1】：

您可以获取计数器的当前值，将其递增，然后再次对其应用计数器，如下所示（按钮/链接点击事件处理程序代码如下）：

$("#incrementCounter").on('click', function(e) {
    var currentValStr = $(".counter-analog").text();
    var strLen = currentValStr.length;
    var currentValInt = parseInt(currentValStr, 10);
    var newString = '00000' + (currentValInt + 5);
    newString = newString.substring(newString.length - strLen, newString.length);
    $(".counter").counter('stop')
        .text(newString);
    $(".counter").counter();
});

您可以查看工作示例here

【讨论】：