ブートストラップカルーセル - カルーセルがスライドするとき、アクティブなナビアイテムの自動更新

Question

私はあなたの助けが必要です： here（クリックしてjsfiddleを見る）私は手動でナビゲートするナビゲーションを含む自動スライディングブートストラップカルーセルを持っています。

ボタンを使用してカルーセルをナビゲートできます。クリックするとアクティブになります。しかし、カルーセルが自動スライドすると、アクティブなナビゲーションアイテムは変更されません。私は成功せずに次のコードを試しました。あなたはどこに失敗があるか知っていますか？ありがとう！ :-)

$('#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

こんにちは、スライド機能が起動していません。なぜそれは動作しませんでした。働くフィドルhttps://jsfiddle.net/xgkzf25p/12/をheres。この変更の後、私のために働いた。

変更が行わ：

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

が変更に：

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