Jquery 循环在第一次幻灯片后停止

Question

我正在使用jquery cycle。我需要在第一张幻灯片后停止循环。我尝试使用cycle.stop（）;和循环销毁（）;都没用...有人可以帮我吗？

谢谢

<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>

Answer 1

这里是：

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：选项/功能，获取当前幻灯片索引，然后 - 做您想做的事。