點擊不同級別，然後返回到開始+ 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; 
});