第一次滑动后,Jquery循环停止

时间:2014-03-03 15:08:00

标签: jquery

我正在使用jquery循环。我需要在第一次滑动后停止循环。我试着使用cycle.stop();和cycle.destroy();没有用......有人可以帮助我。

由于

<script type="text/javascript">

   $('#s2').cycle({
     fx:'scrollUp', 
     speed:  'slow',
     timeout: 2000,
 easing: 'jswing',
 pager:  '#pager', 
 pagerAnchorBuilder: function (index, el) {
 return '<a href="#"> </a>';
        }
});

function getPagerButton(index, targetEl) {
if (index >= slidesCount - 1) {
return "";
    }

return "<span></span>";
    }




</script>

1 个答案:

答案 0 :(得分:0)

这是:

<强> http://jsfiddle.net/R4svX/2/

代码:

 $('#s2').cycle({
   after: function (curr, next, opts) {

        console.log(opts.currSlide);

        if(opts.currSlide==1) {
            $('#s2').cycle('pause');
        }
},

     fx:'scrollUp', 
     speed:  'slow',
     timeout: 2000,

 pager:  '#pager',
 pagerAnchorBuilder: function (index, el) {

     return '<a href="#">'+ index+ '</a>';


        }


});

所以你需要添加一个after:选项/函数,获取当前幻灯片索引,然后 - 做你想做的事。