javascript - bootstrap carousel - 当轮播滑动时，自动更新事件导航项

Question

我需要你的帮助: here (点击查看 jsfiddle)我有一个自动滑动 Bootstrap 轮播，包括手动导航的导航。

我可以通过按钮导航轮播。如果我点击其中一个，它就会被激活。但如果轮播自动滑动，它不会更改事件的导航项。我尝试了以下代码，但没有成功。你知道失败在哪里吗？谢谢! :-)

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

您好，您的幻灯片功能没有被触发。这就是为什么它不起作用。这是一个工作 fiddle https://jsfiddle.net/xgkzf25p/12/ 。进行此更改后，它对我有用。

所做的更改:

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

更改为:

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