bootstrap Karussell - wenn das Karussell rutscht, automatische Aktualisierung aktiv nav-Artikel

Question

Ich würde Ihre Hilfe benötigen: here (klicken Sie hier um jsfiddle zu sehen) Ich habe ein Auto-sliding Bootstrap-Karussell einschließlich einer Navigation manuell zu navigieren.

Ich kann das Karussell über die Tasten navigieren. Wenn ich auf eins klicke, ist es aktiv. Wenn das Karussell jedoch automatisch verschoben wird, wird das aktive Navigationselement nicht geändert. Ich habe den folgenden Code ohne Erfolg ausprobiert. Weißt du, wo der Fehler ist? Vielen Dank! :-)

$('#myCarousel').on('slid', function (e) { 
    var id = $('.item.active').data('slide-number'); 
    id = parseInt(id); 
    $('[id^=carousel-selector-]').removeClass('selected'); 
    $('[id=carousel-selector-'+id+']').addClass('selected'); 
}); 

Answer 1

Hallo Ihre auf Folie Funktion wird nicht ausgelöst. Deshalb hat es nicht funktioniert. Heres eine Arbeitsgeige https://jsfiddle.net/xgkzf25p/12/. Nach dieser Änderung funktionierte es für mich.

die Änderungen vorgenommen:

$('#myCarousel').on('slid', function (e) {} 

geändert:

$('#myCarousel').on('slide.bs.carousel', function (e) {}