Javascript 引导转盘-当转盘滑动时，自动更新活动导航项目

我需要你的帮助： 单击查看JSFIDLE我有一个自动滑动引导转盘，包括一个手动导航

我可以通过按钮导航旋转木马。如果我单击一个，它将处于活动状态。但是，如果旋转木马自动滑动，它不会更改活动的导航项。我尝试了以下代码，但没有成功。你知道失败在哪里吗？谢谢-

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

---

您好，您的幻灯片功能未被触发。这就是它不起作用的原因。这是一把小提琴。在这次改变之后，它对我起了作用

所作的修改：

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

改为：

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

---

啊，是的，完美！现在开始工作了。非常感谢你！！