javascript - 重置自定义 jQuery Spinner 的问题

Question

我有一个简单的自定义 jQuery Spinner，位于 This Demo这对我来说工作正常，但我在将值重置为初始值时遇到问题。正如您从演示和以下代码中看到的，我可以将 #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]);
 }
});

您能否让我知道如何解决此问题，然后在重置后，所有事情都会从头开始，例如重新加载页面时间。谢谢

Answer 1

只需在reset函数中设置i=0

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

Working Demo