Bootstrap Carousel startet nicht neu

Question

Ich benutze Bootstrap 3 und habe Probleme mit meinem carousel. Ich habe 12 Artikel. Ich konnte mein Carousel durch die Verwendung dieser beginnen:

$(function() { 
    $('.carousel').carousel({ 
    interval: 1000, 
    cycle: true 
    }); 
    $('[data-slide-to=0]').trigger('click'); 
}); 

Das Problem ist, die erste Schleife erfolgreich abgeschlossen wurde, automatisch, aber wenn es zu Ende geht, verschwindet das große Bild, aber nichts zu den Indikatoren passiert. Die Indikatoren laufen ohne großes Bild vom Anfang bis zum Ende weiter.

Img 1:Normale Schieber, bis zum Ende Schiebe:

Img 2:Slider verschwindet und es Indikatoren bleiben und neu starten aus als normal begining.

Wenn ich firebug öffnen und "aktiv" auf das erste Bild hinzufügen, wird es normal.

Wie kann ich die Carousel einstellen, so dass das erste Element aktiv ist, wenn der erste Indikator ausgewählt ist?

Hier habe ich eine Probe JSFiddle

Answer 1

Es gibt eine solche Option als ‚Zyklus‘ in Bootstrap v3 nicht, wie es standardmäßig Schleifen. Daher sollte der Code wie folgt aussehen:

$(function(){ 
    $('.carousel').carousel({ interval: 1000 }); 
}); 

Auch sollten Sie der item Klasse in den Indikatoren loszuwerden, weil es um die Folie zu animieren anzeigt.

https://jsfiddle.net/66o0g8a0/1/