使用.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
    });

我想使用代码。

我想在函数上使用 jCarouselLite的用途

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

是“#gal-row”。 但是jCarouselLite使用一个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>