javascript - 一页上的多个 Bootstrap 轮播无法正常工作

Question

我有 2 个 Bootstrap 轮播 here .

如果您在 Chrome 中并将屏幕缩小到移动 View (低于 500 像素)，您会在“查看我们最新的真实游乐设施”下方看到 slider 。如果你点击箭头，它的行为真的很奇怪。它不断将第一个幻灯片滑回事件位置。即使其他元素具有 active 类。

这是我的JS:

$('#slCarousel, #real-rides-mobile').carousel({
interval: 5000  });

我不确定到底发生了什么。您可以直接在开发工具中查看源代码。

非常感谢任何帮助

Answer 1

从 #real-rides-mobile .item 中删除 display:block;

轮播应该使用该属性。