Twitter bootstrap 自定义修改答案

【问题标题】：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>

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

有没有办法指定这个？

【问题讨论】：

标签： jquery html twitter-bootstrap carousel

【解决方案1】：

如果你只需要选择匹配类项的元素，那么你必须在你的jQuery函数中定义它，比如$( ".item" )。您可能想要执行类似$( ".carousel-inner > .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个孩子，等等。

【讨论】：

你没有得到我的问题。