在jquery中向后循环滑块

时间:2012-09-21 18:03:09

标签: jquery loops

我正在构建一个自定义循环滑块,其中包含" next / prev"箭头。

实际上,我的NEXT(1-> 2-> 3 ..)正在运行元素很好但是当涉及到循环向后PRV(1-> 3-> 2 ..)时,动画运行但是在调用回调函数之前,最后一个元素不会跟随。

即使回调也会出现" next"之一。

例如,我按PREV,我在幻灯片#1上,我希望幻灯片#3跟随..

function slide() 
        {
            $('.next').click(function slideNext()
            {
                // Animate left
                $this.animate({'left' : '-' + $this.parent().width()}, options.speed, function()
                {
                    // Return css left:0 and call the next slide
                    $this
                        .css('left', 0)
                        .children(':first')
                        .appendTo($this); 
                })
            });// End slideNext()

            $('.prev').click(function slidePrev()
            {   

                // Animate right
                $this.animate({'left' : '+' + $this.parent().width()}, options.speed, function()
                {
                    // Return css left:0
                    $this
                        .css('left', 0)
                        .children(':first')
                        .appendTo($this); 

                })
            });// End slidePrev()
        }

0 个答案:

没有答案