Javascript Jquery循环插件定制

Javascript Jquery循环插件定制,javascript,html,jquery-cycle,Javascript,Html,Jquery Cycle,我正在努力定制jquery循环插件。我想要的是,当滑块到达最后一个滑块时,它将停止再次滑动到第一个滑块。这工作正常 但问题是,当我在第一张幻灯片上,然后单击第三张幻灯片时,它不会在那里结束,而是返回到第一张幻灯片 我的jquery代码如下: jQuery(document).ready(function($) { $('.slider1 ul.horizontal').cycle({ fx: 'scrollHorz', speed: 50

我正在努力定制jquery循环插件。我想要的是,当滑块到达最后一个滑块时,它将停止再次滑动到第一个滑块。这工作正常

但问题是,当我在第一张幻灯片上,然后单击第三张幻灯片时,它不会在那里结束,而是返回到第一张幻灯片

我的jquery代码如下:

jQuery(document).ready(function($) {  

     $('.slider1 ul.horizontal').cycle({
        fx:     'scrollHorz',
        speed:  500,
        pause:                  1,
        pauseOnPagerHover: true,
        width: "100%",
        easeOut: 'easeOutBack',
        cleartypeNoBg: true,
        pager: 'ul.pager',  
        autostop: 2,
        autostopCount:3,
        startingSlide: 0,
        after:   onAfter,        
        pagerAnchorBuilder: function(idx, slide) {
              return '<li><a href="#"></a></li>';
        }

    });

     function onAfter()
     {


         if ($('.slider_content').css('display') == 'block') 
        {       
             if ($('li#lastslide').css('display') == 'block') { 
                 $('.slider1 ul.horizontal').cycle('pause');         
                  $('.controlbutton').stop().fadeIn(500);                
             }
             else
             {
                 if($('.question_slide').css('right') != '0px')
                 {
                     $('.controlbutton').fadeOut(100);
                 }          
             } 
        } 


     }
});
jQuery(document).ready(函数($){
$('.slider1ul.horizontal')。循环({
fx:‘滚动人’,
速度:500,,
暂停:1,
是的,
宽度:“100%”,
easeOut:“easeOutBack”,
没错,
传呼机:“ul传呼机”,
自动停止:2,
自动停止计数:3,
开始幻灯片:0,
之后,
pagerAnchorBuilder:函数(idx、幻灯片){
返回“
  • ”; } }); 函数onAfter() { if($('.slider_content').css('display')=='block') { if($('li#lastlide').css('display')=='block'){ $('.slider1ul.horizontal')。循环('pause'); $('.controlbutton').stop().fadeIn(500); } 其他的 { 如果($('question_slide').css('right')!='0px') { $('.controlbutton')。淡出(100); } } } } });
    我认为应该有一些分页点击事件。我已经检查了插件选项参考页面,但无法理解如何告诉插件这是最后一张幻灯片,不要返回到第一张幻灯片


    有什么想法吗。提前谢谢。

    这可能就是您要找的。非常感谢。解决方案是使用nowrap:1