在一个页面上引导多个轮播

Posted 2023-03-06

【中文标题】在一个页面上引导多个轮播

【英文标题】：Bootstrap multiple carousels on one page

【发布时间】：2012-08-23 13:34:23

【问题描述】：

我在由一个控件控制的一页上的 3 个轮播之后。 因此，当单击下一个或上一个时，所有轮播都会同时移动。

这是一个带有 3 个轮播的示例，但它们都是分开的。

我被困住了。

【问题讨论】：

任何代码都会很棒。我确定你的问题在那里:)

【参考方案1】：

这是我的例子：

http://jsfiddle.net/D2RLR/1247/

控制所有轮播的代码的关键部分是这样的：

<button class="btn btn-primary" data-slide="prev" href=".carousel">Prev All</button>
<button class="btn btn-primary" data-slide="next" href=".carousel">Next All</button>

通过指定 .carousel 类而不是特定 ID，按钮会触发页面上所有轮播上的事件。

【讨论】：

这正是我所追求的。非常感谢：）