Jquery 如何将最后一个next()元素恢复到列表中的第一个元素?
我有一个lightbox图库,可以滚动浏览图像。当我到达终点或起点时,它冻结在最后一张照片上。我想让照片在任何方向循环。上一个或下一个。如何使最后一个李返回到第一个李,反之亦然?提前谢谢Jquery 如何将最后一个next()元素恢复到列表中的第一个元素?,jquery,Jquery,我有一个lightbox图库,可以滚动浏览图像。当我到达终点或起点时,它冻结在最后一张照片上。我想让照片在任何方向循环。上一个或下一个。如何使最后一个李返回到第一个李,反之亦然?提前谢谢 $buttonLeft.click(function() { var temp = $("li.active").parents("div.pic_wrapper").prev(); var imageLocation = temp.find("a").attr("href"); var
$buttonLeft.click(function() {
var temp = $("li.active").parents("div.pic_wrapper").prev();
var imageLocation = temp.find("a").attr("href");
var captionText = temp.find("img").attr("alt");
updateImage(imageLocation, captionText);
$("li.active").removeClass("active");
temp.find("li").addClass("active");
});
$buttonRight.click(function() {
var temp = $("li.active").parents("div.pic_wrapper").next();
var imageLocation = temp.find("a").attr("href");
var captionText = temp.find("img").attr("alt");
updateImage(imageLocation, captionText);
$("li.active").removeClass("active");
temp.find("li").addClass("active");
});
在此之后:
var temp = $("li.active").parents("div.pic_wrapper").next();
…添加以下内容:
temp = temp.length ? temp : $('li.active').parents('div.pic_wrapper').siblings().first();
谢谢你。它工作得很好。我正试着绕着这个三元运算符转。我试着把它写成一个if语句,但我似乎无法理解它。我对条件和第一个表达式以及这行代码实际上是如何工作的感到困惑。这应该是:
if(!temp.length){$('li.active')。parents('div.pic_wrapper')。sides().first()}
实现相同结果的另一种方法是:temp.length | |$('li.active')。parents('div pic_wrapper')。sides().first()代码>