Bootstrap Karussell mit Paginierung - aktuelle Folie nicht in der Navigation bei Verwendung Karussellsteuerung

Question

Ich machte ein Karussell, das Paginierung als Navigation anstelle der Punkte verwendet.

Wenn Sie mit den Seitennummern navigieren, funktioniert es gut und die aktive Klasse wird hinzugefügt. Wenn Sie mit den Steuerelementen (links und rechts) navigieren, wird die nächste/vorherige Seite korrekt angezeigt, aber die aktive Klasse in der Navigation ändert sich nicht.

Die betreffende Seite ist here

Es ist aus diesem jsfiddle unter dem Code: http://jsfiddle.net/juddlyon/Q2TYv/10/

Soweit ich sagen kann, ich das Beispiel aus dem jsfiddle gefolgt. Was schief gelaufen ist?

Answer 1

In diesem Beispiel verwenden Sie eine neuere Version des Bootstrap. Das Ereignis slid wird in slid.bs.carousel umbenannt.

So verbindlich für das neue Ereignis wird für Sie arbeiten.

$('#myCarousel').bind('slid.bs.carousel', function() { 

    // remove active class 
    $('.carousel-linked-nav .active').removeClass('active'); 

    // get index of currently active item 
    var idx = $('#myCarousel .item.active').index(); 

    // select currently active item and add active class 
    $('.carousel-linked-nav li:eq(' + idx + ')').addClass('active'); 

}); 

Die entsprechende Verbindung zu der Bootstrap-Dokumentation: http://getbootstrap.com/javascript/#carousel-events