Javascript/Jquery 元素轮播

Question

我正在尝试制作一个 javascript/jquery 轮播。我有一个无序列表，在 ulist 中我有更多列表。我得到第一个点亮:

list = $(wrapper).find("li:eq(0)").show()

在下一个按钮上，我希望它显示下一个列表，这样它将是:

list = $(wrapper).find("li:eq(1)").show()

在按钮上，我希望列表显示上一个列表。我怎么能实现这样的事情，附加 ("li:eg(x+1/x-1)).show()

Answer 1

引入一个变量来跟踪当前列表。当用户单击下一个按钮时，将其递增 1，反之亦然。然后在您的选择器中使用此变量。

list = $(wrapper).find("li:eq("+ currentList +")").show()

旁注:您可能想引入一些边界检查，以便 currentList 永远不会低于 0 并且永远不会超过您可用的列表数。

//On previous click
if(currentList - 1 > 0){
  //do something
}


//assign a variable to keep track of the upper bounds
var maxList = $(wrapper).find('li').length;

//On next click
if(currentList + 1 < maxList - 1){
  //do something
}