Bootstrap Carousel在最后一项消失

Question

此轮播中共有2个项目/图像.加载第二个图像后,Carousel尝试移动到第三个项目(没有),旋转木马就消失了.在中间层之后,旋转木马返回第一张图像.

旋转木马滑动像..

Item 1 > Item 2 > Disappear > Item 1 > ...

该版本是Bootstrap 2.1和jQuery 1.8.1.下面是代码.

<script type="text/javascript" src="media/jui/js/jquery.min.js"></script>
<script type="text/javascript" src="media/jui/js/bootstrap.min.js"></script>

<div id="homeCarousel" class="carousel">
        <div class="carousel-inner">
            <div class="item active">
                <img src="images/hawk2.jpg" alt="" >
            </div>
            <div class="item">
                <img src="images/hawk5.jpg" alt="" >
            </div>

            <div class="carousel-caption">
                    <ul class="nav nav-tabs">
                    <li class="active"><a href="#home" data-toggle="tab">
                            <h1>**</h1>
                            <h4>Business Applications</h4>
                    </a></li>
                    <li><a href="#profile" data-toggle="tab"><h1>**</h1>
                            <h4>IT Infrastructure</h4></a></li>
                    <li><a href="#messages" data-toggle="tab"><h1>**</h1>
                            <h4>Web & Content</h4></a></li>
                </ul>

            </div>
            <a class="carousel-control right" href="#homeCarousel" data-slide="next">&rsaquo;</a>
            <a class="carousel-control left" href="#homeCarousel" data-slide="prev">&lsaquo;</a>

        </div>
    </div>

这可能有什么问题？

-Update:我尝试将jQuery更新为1.8.3,将Bootstrap更新为2.2.2 - 无变化

Answer 1

有同样的问题,你必须将下一个和前一个按钮放在.carousel-innerdiv 之外.

您的代码在该div中包含下一个和上一个按钮.