Twitter bootstrap modification personnalisée

Question

Je les codes suivants:

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

Mon problème est que, lorsque j'utilise le carrousel à droite et à gauche contrôle pour changer les images, il ajoute classe active au premier <div class="carousel-inner-image"> et détruire les diapositives boucle. Je veux que les contrôles du carrousel à droite et à gauche ne traversent que le <div class="item"> et non <div>.

Est-il possible de spécifier cela ou non?

Answer 1

Si vous devez sélectionner uniquement les éléments correspondant à l'élément de classe, vous devez le définir dans vos fonctions jQuery, par exemple $(".item"). Vous voudrez probablement faire quelque chose comme $(".carousel-inner > .item") qui va sélectionner tous les éléments qui ont un élément de classe et qui sont les enfants des éléments qui ont la classe carousel-inner. Exemple:

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

Vous pouvez aussi probablement besoin de préciser lequel des .item que vous souhaitez sélectionner. Le premier enfant, le nième enfant, etc.