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

Question

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

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

我被困住了。

Answer 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，按钮会触发页面上所有轮播上的事件。