Twitter Bootstrap пользовательских модификации

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 > .item").hide(); 
// This will hide all elements with class item that are children of elements with class carousel-inner 

Вы можете также, вероятно, необходимо указать, какой из .item вы хотите выбрать. Первый ребенок, n-й ребенок и т. Д.