Question

我有以下代码：

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

有没有办法指定这个？

Answer 1

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

Twitter引导程序自定义修改

1 个答案: