bootstrap 4 轮播图像幻灯片事件的功能

Question

我正在使用带有 11 张幻灯片的 Bootstrap 4 轮播，它们按预期工作正常。我有另一个 div (#div-info)，我希望在其中按照轮播幻灯片显示某些文本和其他一些图像。我的意思是当幻灯片没有。 2 是 活动时，它必须将文本显示为幻灯片 2，并根据另一个 div (#div-info) 中的幻灯片 2 显示一些固定图像，并且当轮播移动到下一张幻灯片（即 3）时，另一个特定文本和特定图像将显示在 div(# div-信息）。

我观察到了“slide.bs.carousel”事件，但找不到解决方案。

请帮忙。我在 JavaScript 和 jQuery 方面是新手，但我会尽力遵循您的要求 说明。

Answer 1

尝试

slid.bs.carousel

。

来自他们的文档：

$('#myCarousel').on('slid.bs.carousel', function (ev) {
  // do somethig with 
  console.log(ev.from, ev.to)
})