Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript “后退”按钮不能与进度条一起正常工作_Javascript_Jquery_Progress Bar - Fatal编程技术网

Javascript “后退”按钮不能与进度条一起正常工作

Javascript “后退”按钮不能与进度条一起正常工作,javascript,jquery,progress-bar,Javascript,Jquery,Progress Bar,因此,我正在构建一个进度条,它实际上工作得很好,但有一件事不起作用,而且行为非常奇怪。 为了更好地理解,我将首先向您展示进度条, 您可以忽略css和html var teilprozentraw=$('.question1')。长度; teilprozent=100/teilprozentraw; var-procentbar=0; var宽度=0; var阶跃=1; var mainDiv=document.getElementById('status-bar'); var childspa

因此,我正在构建一个进度条,它实际上工作得很好,但有一件事不起作用,而且行为非常奇怪。 为了更好地理解,我将首先向您展示进度条, 您可以忽略css和html

var teilprozentraw=$('.question1')。长度;
teilprozent=100/teilprozentraw;
var-procentbar=0;
var宽度=0;
var阶跃=1;
var mainDiv=document.getElementById('status-bar');
var childspan=mainDiv.getElementsByTagName('span')[1];
var childdiv=childspan.getElementsByTagName('div')[0];
var childspan2=mainDiv.getElementsByTagName('span')[2];
var childdiv2=childspan2.getElementsByTagName('div')[0];
var childspan3=mainDiv.getElementsByTagName('span')[0];
var childdiv3=childspan3.getElementsByTagName('div')[0];
document.getElementById('back')。onclick=function(){
向后移动();
};
document.getElementById('next')。onclick=function(){
向前移动();
};
函数moveforward(){
宽度=procentbar;
procentbar=procentbar+teilprozent;
var elem=document.getElementById(“myBar”);
var id=设置间隔(帧,50);
函数框架(){
如果(宽度>=procentbar){
清除间隔(id);
}否则{
如果(宽度<100){
宽度++;
}
否则{
宽度=100;
}
如果(宽度>=100){
如果(步骤<3){
procentbar=0;
宽度=0;
step++;
}
changeheaders();
}  
stepcheckforward();
宽度=宽度.toString().split(“.”,1);
elem.style.width=宽度+'%';
elem.innerHTML=宽度*1+'%';
}
}
} 
函数movebackwards(){
//检查元素是否已完成更改。如果元素不再更改,请运行此if语句

如果(宽度一旦你的进度条达到下一步的0%,你的宽度将不会更新,并保持在~85%。因此,你的条件
如果(宽度哦,谢谢,没有考虑到这一点,只是尝试了一下,它工作了,我会检查你的答案。我很高兴我能帮上忙。:)别忘了投票并接受我的答案,因为它确实对我有帮助!
if(width <= 0){
    procentbar = 100 - teilprozent;
    width = procentbar;
}
if (width <= 0) {
    procentbar = 100 - teilprozent;
    width = 100;
}