bootstrap carousel - 当 carousel 滑动时，自动更新活动导航项

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/。更改后它对我有用。

所做的更改：

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

改为：

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