2016-05-08 102 views
0

的功能的陣列我有兩個按鈕(向前和後退),我想每一次「下一個」被點擊執行數組的下一個功能,並執行最後,當「背」點擊是與jQuery。我不`噸知道從哪裏開始...導航通過點擊

function1(); 
function2(); 
function3(); 
function4(); 
+0

如果單擊next並且最後執行的函數是4,會發生什麼?一切重新開始? –

+0

是的!它將從頭開始。 –

回答

1

你可以把這些功能整合到一個數組:

var functions = [ function1, function2, function3, function4 ]; 

,並有一個整數跟蹤最後執行的功能:

var index = 0; 

現在下一個點擊,你會調用該函數指定索引處的數組中,並增加它的時候:

functions[Math.abs(index % functions.length)](); 
index++; 

回來時點擊做相同的,但遞減指數:

functions[Math.abs(index % functions.length)](); 
index--; 

index % functions.length確保返回的值總是0-3範圍,這實際上是你的陣列允許的指標範圍內。

+0

如果我不想從頭開始,它是怎樣的? –

+0

如果不重新開始,你想要發生什麼? –

+0

只需用「next」進入最後一個功能,「back」將返回一個功能。 –