我正在尝试制作一个 javascript/jquery 轮播。我有一个无序列表,在 ulist 中我有更多列表。我得到第一个点亮:
list = $(wrapper).find("li:eq(0)").show()
在下一个按钮上,我希望它显示下一个列表,这样它将是:
list = $(wrapper).find("li:eq(1)").show()
在按钮上,我希望列表显示上一个列表。我怎么能实现这样的事情,附加 ("li:eg(x+1/x-1)).show()
最佳答案
引入一个变量来跟踪当前列表。当用户单击下一个按钮时,将其递增 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
}
关于Javascript/Jquery 元素轮播,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44144354/