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

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,该按钮可触发页面上所有轮播上的事件.