时间戳

首页 > 解决方案 > 如何使用返回按钮使进度条返回单击

jquery - 如何使用返回按钮使进度条返回单击

问题描述

我想点击返回按钮，让进度条后退一步

function progress(){
var totalQuestions = 7;
var currentQuestion = 0;
var $progressbar = $("#progressbar");

$(".option").on("click", function(){
  if (currentQuestion >= totalQuestions){ return; }
  currentQuestion++;
  $progressbar.css("width", Math.round(100 * currentQuestion / totalQuestions) + "%");
});

}

返回按钮将我带到以前的问题，但不更改进度条

标签： jqueryhtmlcssprogress-bar

解决方案

如果你在页面上添加一个额外的按钮，例如 backButton，你可以这样做：

$(".backButton").on("click", function(){
  currentQuestion--;
  $progressbar.css("width", Math.round(100 * currentQuestion / totalQuestions) + "%");
});

因此，您将额外的 onClickListener 添加到另一个按钮，该按钮控制相同的进度条，因为您可以将其放入完全相同的函数中，并且您在函数中全局声明了变量。

推荐阅读