点击不同级别，然后返回到开始+ Html + jquery

Question

我有一个图表，在html中，我可以点击并使用jQuery浏览关卡。 它首先出现在顶层。 当在图表中选择其中一行时，它将在同一个图表中绘制下一个级别。 现在这个工作，但我认为该算法可能会改善。

我想要做的是能够在第四次点击图表时再次在顶层绘制图表，所以基本上可以回到开始。任何人都可以建议这样做的最佳方式？

这里是我的算法的一个粗略的想法。

var countlevel = 1; 
$(document).on('nameSelect',function(evt) { 
    if(evt.chartname == "chart11" && countlevel==1) { 
     //draw chart at level 2   
    } 
    if(evt.chartname == "chart11" && countlevel==2) { 
      //draw chart at level 3 
    } 
    if(evt.chartname == "chart11" && countlevel==3) { 
      //draw chart at level 4 
    } 
    countlevel++; 
}); 

我想加入这样的事情，但我不能得到这个工作，我觉得可能是这样做的更好的办法：

if(evt.chartname == "chart11" && countlevel==4) { 
//draw chart at level 3 

} 

Answer 1

尝试使用模重置countlevel变量

var countlevel = 1; 
$(document).on('nameSelect',function(evt) { 
    if(evt.chartname == "chart11"){ 
     if (countlevel == 0) { 
      // draw chart at lvl 1 
     } else if (countlevel == 1) { 
      // draw chart at lvl 2 
     } else if (countlevel == 2) { 
      // draw chart at lvl 3 
     } else if (countlevel == 3) { 
      // draw chart at lvl 4 
     } 
    } 
    countlevel++; 
    countlevel %= 4; 
});