使用.jCarouselLite一个名字可以使用多个div吗?

发布于 2024-11-06 04:44:58 字数 984 浏览 2 评论 0原文

$("#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。 你可以帮忙。

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

I want use code.

Use for

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

I want use jCarouselLite on function is "#gal-row".
But jCarouselLite use one div it use div first and div second not use jCarouselLite.
You can help.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

悲歌长辞 2024-11-13 04:44:58

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

your html is wrong , it shouldn't have duplicate ids

use class names instead.

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

change to class

<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>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文