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

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