0

次のコードがあります。

<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">not anyのみをループするようにします<div>。

これを指定する方法はありますか？

4

1 に答える 1

0

クラス item に一致する要素のみを選択する必要がある場合は、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 番目の子など。

于 2013-06-16T12:20:18.080 に答える