单击以导航一组函数

Question

我有两个按钮（下一个和后一个），我想在每次单击“next”时执行数组的下一个函数，并在使用jquery单击“back”时执行最后一个。我不知道从哪里开始...

function1 ();
function2 ();
function3 ();
function4 ();

Answer 1

您可以将这些功能放入数组中：

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

并有一个整数来跟踪最后执行的函数：

var index = 0;

现在，当单击next时，您将调用数组中指定索引处的函数并递增它：

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

单击back时，请执行相同操作但递减索引：

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

index % functions.length确保返回的值始终在0-3范围内，这实际上是数组允许的索引范围。