現在、Bootstrap ドキュメントに 2 つのカルーセルがあり、それぞれに一意の ID とクラス (#myCarousel-1、#myCarousel-2 / .carousel-1、.carousel-2) があるという問題に行き詰まっています。次のコードでカルーセルをターゲットにします。
<script type="text/javascript">
$('#myCarousel-1').carousel({
interval: 2000
})
</script>
<script type="text/javascript">
$('#myCarousel-2').carousel({
interval: false
})
</script>
問題は、ID もクラスも特定の div をターゲットにしていないことです。両方のカルーセルが間隔をあけてスライドし始めます。これを回避する方法はありますか?
PS: このヒントの後、ID とクラスを変更しました: 1 つのページに複数の Twitter Bootstrap カルーセルを配置することは可能ですか?