Javascript 当我点击“下一步”按钮时，页码按未知顺序递增。

我正在创建一个简单的调查，正如我所说，当我选择语言时， 点击“下一步”，页码按未知顺序递增。 我找不到错误在哪里。上升的逻辑是相当随机的

有人能帮我吗

$（文档）.ready（函数（）{
//声明主要变量
var step=0，runed=false；
var db=[{
问题：“问题1”
},{
问题：“问题2”
},{
问题：“问题3”
},{
问题：“问题4”
},{
问题：“问题5”
},{
问题：“问题6”
},{
问题：“问题7”
}];
var tot=分贝长度；
瓦朗；
函数reStep（）{
$（'.pg.tot'）.html（tot）；
$（'.pg.cur'）.html（步骤）；
如果（步骤==0）{
$（'footer'）.hide（）；
}否则{
$（'footer'）.show（）；
}
run（）；
};
函数next（）{
step++；
后退（）；
};
函数运行（）{
如果（步骤==0）{
//第一步处理程序
符文=真；
$（'[step='+step+']a'）。单击（函数（）{
lang=$（this.attr（'data'）；
$（this.parent（）.fadeOut（300）；
next（）；
});
}否则如果（步长>分贝长度）{
//问题处理者
}否则{
//结果处理程序
控制台日志（步骤）；
$（'.qstripe p'）.fadeOut（）；
$（'.qstripe h1'）.html（db[step-1]。问题）
$（“#下一步”）。单击（函数（）{
next（）；
});
};
};
如果（！runed）{
后退（）；
}
});
html，正文{
字体系列：“Nunito”，无衬线；
字号：100；
}
html{
背景：url（'../img/bg.png'）没有固定的重复中心；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}
* {
保证金：0；
填充：0；
}
.拉{
浮动：左；
}
普勒先生{
浮动：对；
}
.clr{
明确：两者皆有；
}
格林先生{
背景#8cc73f；
}
蓝先生{
背景：#29aae1；
}
标题{
背景：url（“../img/logo.png”）中心不重复；
背景尺寸：100%自动；
宽度：400px；
高度：133px；
保证金：25像素自动0；
}
.调查{
保证金：25像素自动0；
}
.qstripe{
边缘底部：35px；
线高：70px；
}
.qstripe h1{
颜色：#FFFFFF；
字号：2em；
文本对齐：居中；
背景：#29aae1；
}
.qstripe p{
填充顶部：20px；
颜色：#2c2c；
字体大小：1.7em；
线高：1.7em；
文本对齐：居中；
}
.qstripe p span{
显示：块；
}
安斯先生{
保证金：0自动；
宽度：768px；
文本对齐：居中；
}
安安{
显示：内联块；
垂直对齐：顶部；
利润率：10px；
填充：10px 20px；
宽度：225px；
线高：30px；
字体大小：1.1米；
文本对齐：居中；
边界半径：8px；
背景：#29aae1；
颜色：白色；
光标：指针；
}
页脚{
垫底：20px；
位置：固定；
左：0；
右：0；
底部：0；
}
页脚.btns{
保证金：自动；
最大宽度：768px；
}
页脚a{
显示：内联块；
字体大小：1.1米；
宽度：225px；
高度：30px；
边界半径：8px；
填充：10px；
保证金：自动；
文本对齐：居中；
颜色：白色；
字体系列：“Nunito”，无衬线；
字号：100；
字体大小：20px；
光标：指针；
}
页脚a.背面{
左边距：30px；
}
页脚程序b{
利润率：40px自动30px；
最大宽度：768px；
位置：相对位置；
高度：10px；
}
页脚.程序b i{
显示：块；
位置：绝对位置；
宽度：30px；
高度：30px；
左：30%；
利润上限：-10px；
边界半径：50px；
}
页脚.pg{
文本对齐：居中；
颜色：#29aae1；
字号：2em；
}

护理钥匙
我们想要提高！

首先选择语言

斯文斯卡
英语
苏马利
العربية
返回
下一个
/
这是因为您在“run”函数中反复绑定click事件，直到它达到db大小的总计数。
所以，尝试只绑定单击一次，以便它一次只执行一次事件。
您可以先尝试删除“运行”函数中与“.unbind（）”事件绑定的单击事件。
修复


$（文档）.ready（函数（）{
//声明主要变量
var step=0，runed=false；
var db=[{
问题：“问题1”
},{
问题：“问题2”
},{
问题：“问题3”
},{
问题：“问题4”
},{
问题：“问题5”
},{
问题：“问题6”
},{
问题：“问题7”
}];
var tot=分贝长度；
瓦朗；
函数reStep（）{
$（'.pg.tot'）.html（tot）；
$（'.pg.cur'）.html（步骤）；
如果（步骤==0）{
$（'footer'）.hide（）；
}否则{
$（'footer'）.show（）；
}
run（）；
};
函数next（）{
step++；
后退（）；
};
函数运行（）{
如果（步骤==0）{
//第一步处理程序
符文=真；
$（'[step='+step+']a'）。单击（函数（）{
lang=$（this.attr（'data'）；
$（this.parent（）.fadeOut（300）；
next（）；
});
}否则如果（步长>分贝长度）{
//问题处理者
}否则{
//结果处理程序
控制台日志（步骤）；
$（'.qstripe p'）.fadeOut（）；
$（'.qstripe h1'）.html（db[step-1]。问题）
};
};
如果（！runed）{
后退（）；
}
$（“#下一步”）。单击（函数（）{
next（）；
});
});
html，正文{
字体系列：“Nunito”，无衬线；
字号：100；
}
html{
背景：url（'../img/bg.png'）没有固定的重复中心；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}
* {
保证金：0；
填充：0；
}
.拉{
浮动：左；
}
普勒先生{
浮动：对；
}
.clr{
明确：两者皆有；