1

我正在编写一个应该无限滚动的基本轮播/滑块。基本上我试图将容器移动到幻灯片的宽度上,将第一张幻灯片移动到最后,然后将容器移回。

由于某种原因 .first() 正在移动第二个元素而不是第一个元素:

$('.half-slider .next').click(function(){
    var slideW = $(this).parent().parent().find('.slide').first().outerWidth();
    $(this).parent().parent().find('.slides').animate({'margin-left': -slideW},function(){
        var firstSlide = $(this).find('.slide').first();
        var lastSlide = $(this).find('.slide').last();
        firstSlide.after(lastSlide);
    });
});

我创建了一个 jsfiddle:http: //jsfiddle.net/BLaaF/2/

*只需在小提琴中选择“下一步”。“prev”在示例中未激活。

4

1 回答 1

3
firstSlide.after(lastSlide);

lastSlide这将把firstSlide. 根据您“将第一张幻灯片移至末尾”的说法,我认为您的意思是:

firstSlide.insertAfter(lastSlide);

将第一张幻灯片放在最后一张幻灯片之后。

于 2013-09-13T20:54:42.497 回答