javascript - 重置自定义jQuery微调器的问题

我在This Demo处有一个简单的自定义jQuery Spinner，对我来说很好用，但在将值重置为初始值时遇到问题。从演示和以下代码中可以看到，我可以将#targeteg的文本设置为.html(targets[0]);，但是如果您启动+或-，则计数器将再次继续设置值计数之前的计数！

var targets = ["Target KM", "1,000 km", "3,000 km", "5,000 km", "7,000 km"];
var i = 0;
$("#plus").on("click", function () {
 if (i < 4) {
       $("#targeteg").html(targets[++i]);
 }
});
$("#minus").on("click", function () {
 if (i > 0) {
        $("#targeteg").html(targets[--i]);
  }
});
$("#resetForm").on("click", function () {
 mapReset();
 function mapReset() {
  $("#targeteg").html(targets[0]);
 }
});

您能否让我知道如何解决此问题，所以在重置后，一切都从重新加载页面时间开始。谢谢

最佳答案

只需在i=0功能中设置reset

function mapReset() {
    i = 0;
    $("#targeteg").html(targets[0]);
}

Working

关于javascript - 重置自定义jQuery微调器的问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24420425/