2

現在、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 カルーセルを配置することは可能ですか?

4

1 に答える 1

2

たまたま解決策を見つけたと言えます。html に次のように記述します。

<script type="text/javascript">
    $(document).ready(function(){
        $('#myCarousel-1').carousel({
            interval: 2000
        })
        $('#myCarousel-2').carousel({
            interval: false
        })
    });
</script>

そして、あなたは行ってもいいです。

于 2013-03-15T08:14:56.227 に答える