javascript - jQuery使用引用变量

我引用的变量不断重置为0，为什么？每个部分都有一组上一个和下一个按钮，起初它们可以正常工作，但是当我返回一个部分时，该部分的计数器设置为0。它应该保留以前设置的数字。提前致谢。这不是实际使用的代码，但可以演示该问题（我希望）

var currentPageIndex = null;
var section1_count = 0;
var section2_count = 0;
var section3_count = 0;

function checkSectionPage( value ){
    switch(value){
        case "section1":
            currentPageIndex= section1_count;
            break;
        case "section2":
            currentPageIndex= section2_count;
            break;
        case "section3":
            currentPageIndex= section3_count;
            break;
    }
}
$('.slidePrevious').click(function(){
    checkSectionPage($(this).parent().attr('id'));
    currentPageIndex--;
});
$('.slideNext').click(function(){
    checkSectionPage($(this).parent().attr('id'));
    currentPageIndex++;
});

最佳答案

您永远不会更新section_count。当您将currentPageIndex设置为该部分时，该部分的编号不仅会增加。您将需要手动更新它。

做这样的事情：

var activeSection = "section1";
var sects = {
    "section1" : 0,
    "section2" : 0,
    "section3" : 0
};

$('.slidePrevious').click(function(){
    sects[$(this).parent().attr('id')]--;
});
$('.slideNext').click(function(){
    sects[$(this).parent().attr('id')]--;
});