javascript - 一个函数不与 jQuery 无限轮播构建一起运行

Question

所以我尝试使用 html、css 和 jQuery 让自己成为一个无限旋转木马，除了后退按钮不会循环外，一切正常，我已经花了很长时间这样做了，我想知道是否有人有任何洞察力？ http://jsfiddle.net/e2SKk/是你可以看到代码的地方!我真正这样做只是因为我认为这会让我有机会学到更多东西，但任何对代码布局或技术的批评都会有所帮助!

特别是这段代码似乎不起作用

else if(loopPrev==true){
            sliderActive=true
            $('.item-holder').css({
                'left':clonePos
            });
            $('.item-holder').animate({
                'left':holderPos+$('.slider').width()+'px'
            },function(){
                sliderActive=false;
            });
        };

顺便说一句，这只是一个片段，如果没有其余部分，将没有多大意义!

Answer 1

jQuery 很适合编写简短的脚本。您的 slider 代码简而言之:

var width = $('.slider').width();
$('.item').css({width:width});
var $holder = $('.item-holder').css({left:-width}).prepend($('.item:last'));

$('.prev').click(function(){
    $holder.not(':animated').css({left:-2*width}).prepend($('.item:last')).animate({left:-width});
});
$('.next').click(function(){
    $holder.not(':animated').css({left:0}).append($('.item:first')).animate({left:-width});
});

这是完整代码。

在 http://jsfiddle.net/creativecouple/YPU2d/ 上查看此操作