【问题标题】:Twitter bootstrap custom modificationTwitter bootstrap 自定义修改
【发布时间】:2013-06-17 17:24:39
【问题描述】:

我有以下代码:

<div class="carousel-inner">

   <div class="carousel-inner-image"><img src="mask.png" alt=""></div>

   <div class="item">
       <img width="821" height="498" src="slide-1.png"  alt="slide 1" />
   </div>

   <div class="item">
       <img width="821" height="498" src="slide-2.png"  alt="slide 2" />
   </div>

</div>

我的问题是,当我使用左右轮播控件更改图像时,它会将活动类添加到第一个 &lt;div class="carousel-inner-image"&gt; 并破坏幻灯片循环。我希望左右轮播控件仅循环通过 &lt;div class="item"&gt; 而不是任何 &lt;div&gt;

有没有办法指定这个?

【问题讨论】:

    标签: jquery html twitter-bootstrap carousel


    【解决方案1】:

    如果你只需要选择匹配类项的元素,那么你必须在你的jQuery函数中定义它,比如$( ".item" )。您可能想要执行类似$( ".carousel-inner &gt; .item" ) 之类的操作,它将选择所有具有类 item 并且是具有类 carousel-inner 的元素的子项的项目。 示例:

    $( ".carousel-inner > .item" ).hide(); 
    // This will hide all elements with class item that are children of elements with class carousel-inner
    

    您可能还需要指定要选择的 .item。第一个孩子,第n个孩子,等等。

    【讨论】:

    • 你没有得到我的问题。
    猜你喜欢
    • 2015-05-14
    • 2012-07-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-07-10
    • 1970-01-01
    • 2013-11-27
    • 2013-02-20
    相关资源
    最近更新 更多