2013-02-12 34 views
0

我已经设置了垂直自动滚动器。jCarousel不断在最后添加新项目

[编辑由neuroflux]当我在模式“圆形”,会出现问题。 - 到达终端或圆盘传送带的开始,它只是反复重复相同的滑动[/编辑]

.jcarousel-skin-tango .jcarousel-container { 

     } 

     .jcarousel-skin-tango .jcarousel-direction-rtl { 
      direction: rtl; 
     } 

     .jcarousel-skin-tango .jcarousel-container-horizontal { 
      width: 245px; 
      padding: 20px 40px; 
     } 

     .jcarousel-skin-tango .jcarousel-container-vertical { 
      width: 75px; 
      height: 245px; 
      padding: 40px 20px; 
     } 
     .jcarousel-skin-tango .jcarousel-clip { 
      overflow: hidden; 
     } 

     .jcarousel-skin-tango .jcarousel-clip-horizontal { 
      width: 245px; 
      height: 75px; 
     } 

     .jcarousel-skin-tango .jcarousel-clip-vertical { 
      width: 75px; 
      height: 245px; 
     } 

     .jcarousel-skin-tango .jcarousel-item { 
      width: 75px; 
      height: 75px; 
     } 

     .jcarousel-skin-tango .jcarousel-item-horizontal { 
      margin-left: 0; 
      margin-right: 10px; 
     } 

     .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { 
      margin-left: 10px; 
      margin-right: 0; 
     } 

     .jcarousel-skin-tango .jcarousel-item-vertical { 
      margin-bottom: 10px; 
     } 

     .jcarousel-skin-tango .jcarousel-item-placeholder { 
      background: #fff; 
      color: #000; 
     } 

的JavaScript

function mycarousel_initCallback(carousel) 
      { 
       // Disable autoscrolling if the user clicks the prev or next button. 
       carousel.buttonNext.bind('click', function() { 
        carousel.startAuto(0); 
       }); 

       carousel.buttonPrev.bind('click', function() { 
        carousel.startAuto(0); 
       }); 

       // Pause autoscrolling if the user moves with the cursor over the clip. 
       carousel.clip.hover(function() { 
        carousel.stopAuto(); 
       }, function() { 
        carousel.startAuto(); 
       }); 
      }; 
      jQuery('#carousel').jcarousel({ 
       auto: 2, 
       wrap: 'circular', 
       vertical: true, 
       initCallback: mycarousel_initCallback 
      }); 

是否有一个原因,为什么这个做呢?我已经添加了宽度和高度li项目,但我不知道为什么它不工作

+0

有什么实际问题?你的头衔发表了一个声明,问题的内容只是说“它不起作用”。它怎么不起作用?你想要做什么以及发生了什么? – Sparky 2013-02-12 23:13:24

+0

许多传送带插件在您使用圆形选项时克隆项目并将其添加到最后。再次解释为什么这是问题以及您希望我们对此做些什么。 – Sparky 2013-02-12 23:14:46

+0

它的jcarousel的内部实现,就像@Sparky中提到的那样它在循环选项中克隆元素 – Satpal 2013-04-24 09:52:40

回答

0

试试这个代码

$('ul#carousel').jcarousel({ 
    auto:true, 
    scroll:1, //this number must less than the number of list item you have 
    visible:2, //this number must less than the number of list item you have 
    vertical: true, 
    wrap: 'last', 
    initCallback: mycarousel_initCallback 
    }); 
相关问题