0

左のボタンは正常に機能しますが、右のボタンは機能しません。最後の項目の後に右矢印をもう一度クリックすると、カルーセル全体が崩壊しました。 ここでデモ

<div id="myCarousel" class="carousel slide">
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1" ></li>
        <li data-target="#myCarousel" data-slide-to="2" ></li>
    </ol>

    <div class="carousel-inner">

        <div class="item active">
            <img src="http://www.realtyrendezvous.com/panoramic_view_of_lake_and_mountains_op_800x300.jpg"/>
        </div>
        <div class="item">
            <img src="http://www.organmountains.org/omm/wp-content/uploads/2012/03/Mount-Cox-2-Charlie-Kennedy-800x300.jpg"/>
        </div>
        <div class="item">
            <img src="http://www.michaelducharme.com/files/5813/4332/8709/Panorama1-800x300.jpg"/>
        </div>
            <a href="#myCarousel" class="left carousel-control" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
            <a href="#myCarousel" class="right carousel-control" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
    </div>

</div>
4

1 に答える 1

3

div が閉じられていない場合は、これを試してください (項目の後にカルーセルの内側を閉じる必要があります)。

<div id="myCarousel" class="carousel slide">
<ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
</ol>

<div class="carousel-inner">

    <div class="item active">
        <img src="http://www.realtyrendezvous.com/panoramic_view_of_lake_and_mountains_op_800x300.jpg">
    </div>
    <div class="item">
        <img src="http://www.organmountains.org/omm/wp-content/uploads/2012/03/Mount-Cox-2-Charlie-Kennedy-800x300.jpg">
    </div>
    <div class="item">
        <img src="http://www.michaelducharme.com/files/5813/4332/8709/Panorama1-800x300.jpg">
    </div>
</div>
    <a href="#myCarousel" class="left carousel-control" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
    <a href="#myCarousel" class="right carousel-control" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div>
于 2013-09-30T06:48:29.827 に答える