我已经阅读了一些内容并试图弄清楚这一点,但无法让它发挥作用!
问题是,首先我需要设置var count = 0;
,然后每次$('.next')
单击时计数,这样我以后可以在代码底部使用它并让最终变量progress
正确。
我在这里做错了什么?
$(document).ready(function () {
var count = 0;
$('.next').click(function () {
var counter = count++;
$('.question-holder:visible').slideUp().closest('.question-holder').nextAll('.question-holder').eq(0).delay(500).slideDown();
});
$('.prev').click(function () {
$('.question-holder:visible').slideUp().closest('.question-holder').prevAll('.question-holder').eq(0).delay(500).slideDown();
});
$('#end').on('click', function () {
$('.question-holder').slideUp().closest('.question-holder');
$('#end').remove();
$('.next').remove();
$('.prev').remove();
$('#submit-holder').fadeIn();
});
var countQuestions = $('div.question-holder').length;
var splitCount = 100 / countQuestions;
var progress = splitCount * counter;
$("div.bar").css("width", progress + "%");
});