可以使用.jCarouselLite一個名稱使用多個div嗎？

Question

$("#gal-row").jCarouselLite({ 
     vertical: false, 
     hoverPause:false, 
     visible: 5, 
     auto:null, 
     speed:1000, 
     btnPrev:"#btn-next", 
     btnNext:"#btn-prev", 
     scroll: 5, 
     circular:false 
    }); 

我想使用代碼。

使用

<div id="gal-row" style="height:105px;"> 
    <ul class="gallery-data slider"> 
    <li><img src="images/gallery-1.png" /></li> 
    <li><img src="images/gallery-2.png" /></li> 
    </ul> 
    </div> 

    <div id="gal-row" style="height:105px;"> 
    <ul class="gallery-data slider"> 
    <li><img src="images/gallery-3.png" /></li> 
    <li><img src="images/gallery-4.png" /></li>        
    </ul> 
    </div> 

我想用jCarouselLite的功能是 「＃加侖行」。 但jCarouselLite使用一個div它首先使用div，div div不使用jCarouselLite。 你可以幫忙。

Answer 1

你的html有誤，它不應該有重複ID

改爲使用類名。

<div id="gal-row" style="height:105px;"> 
    <ul class="gallery-data slider"> 
    <li><img src="images/gallery-1.png" /></li> 
    <li><img src="images/gallery-2.png" /></li> 
    </ul> 
    </div> 

    <div id="gal-row" style="height:105px;"> 
    <ul class="gallery-data slider"> 
    <li><img src="images/gallery-3.png" /></li> 
    <li><img src="images/gallery-4.png" /></li>        
    </ul> 
    </div> 

變化

類

<div class="gal-row" style="height:105px;"> 
    <ul class="gallery-data slider"> 
    <li><img src="images/gallery-1.png" /></li> 
    <li><img src="images/gallery-2.png" /></li> 
    </ul> 
    </div> 

    <div class="gal-row" style="height:105px;"> 
    <ul class="gallery-data slider"> 
    <li><img src="images/gallery-3.png" /></li> 
    <li><img src="images/gallery-4.png" /></li>        
    </ul> 
    </div>