Bootstrap Carousel avec des éléments dynamiques ne glisse pas
Je suis en utilisant le stock de bootstrap carrousel:
<div id="main-navigation-carousel" class="carousel slide">
<div class="carousel-inner">
<div class="item active" data-id="0">
<ul>
<li><a></a></li>
....
<li><a></a></li>
</ul>
</div>
</div>
</div>
En cliquant sur une balise d'ancrage à l'intérieur du carrousel un nouveau .item
est injecté à la .carousel-inner
. Après la .item
est injecté (qui fonctionne correctement) le carrousel devrait glisser à .item
. Cependant, rien ne se passe.
<div id="main-navigation-carousel" class="carousel slide">
<div class="carousel-inner">
<div class="item active" data-id="0">
<ul>
<li><a></a></li>
....
<li><a></a></li>
</ul>
</div>
<div class="item" data-id="1">
<ul>
<li><a></a></li>
....
<li><a></a></li>
</ul>
</div>
<div class="item" data-id="2">
<ul>
<li><a></a></li>
....
<li><a></a></li>
</ul>
</div>
</div>
</div>
Même si j'utilise $("#main-navigation-carousel").carousel(1);
dans le navigateur de la console, rien ne se passe. Si je ajouter des articles à droite dans le code sur le serveur tout fonctionne bien.
source d'informationauteur Andre Zimpel
Vous devez vous connecter pour publier un commentaire.
Retrait du carrousel de données, puis le déclenchement de nouveau fait le travail!
Depuis le carrousel ne devrait pas auto diapositive il est important d'utiliser
.carousel("pause").removeData()
.comme dans http://bootply.com/83370 avec votre carrousel avoir la classe
.carousel