2013-02-12 37 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 
    }); 
相關問題