javascript - 1 ページに複数のカルーセルをブートストラップする

Question

1 つのコントロールによって制御される 1 つのページに 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>

特定のIDではなく.carouselクラスを指定することにより、ボタンはページ上のすべてのカルーセルでイベントをトリガーします。