Bootstrap carousel Konflikt flexslider
Ich verwendet Bootstrap carousel. Wenn ich auch flex-slider in der Position, das flex-slider funktioniert nicht. Wenn ich entfernen bootstrap.js das flex-Schieber arbeitet. Aber das Karussell nicht funktioniert.
HTML:
<div class="carousel-inner">
<div class="item active">img here</div>
<div class="item">img here</div>
<div>
<div class="flexslider">
<ul class="slides">
<li> img here</li>
<li>img here</li>
</ul>
</div>
</div>
</div>
Script:
$('.flexslider').flexslider({
animation: "slide"
});
Oder Sie schlagen andere regler. Ich möchte die Anzeige geschachtelte regler. Jemand helfen sollte geschätzt werden.
InformationsquelleAutor Shalini Subramani | 2014-02-15
Schreibe einen Kommentar Antworten abbrechen
Du musst angemeldet sein, um einen Kommentar abzugeben.
Flexslider 2.2 funktioniert mit jQuery 1.7 Sie benötigen zum herunterladen und umfassen jquery.flexslider-min.js und flexslider.css von http://flexslider.woothemes.com/thumbnail-slider.html. Fügen Sie den folgenden javascript-Code auf Ihre Seite:
dann Ihre HTML-sollten in dieser Struktur: