javascript - 问题 bootstrap 3 Carousel 将高度更改为 0px，边距更改为 -.....px

Question

我添加到网站的轮播表现得非常奇怪。在 2 的周期内，幻灯片向上滑动。父 div 的高度更改为 0px，子 div 的边距变为负边距。在 Bootstrap 站点上的示例中，这种情况没有发生。我从 Bootstrap 站点复制了最新的代码，找不到我做错了什么。

如果有人能帮助我，我会很高兴。

http://humandemo.cloudaccess.host标题位于页面顶部。

使用的代码:

<div class="container">
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
        <!-- Carousel indicators -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
        </ol>   
        <!-- Wrapper for carousel items -->
        <div class="carousel-inner">
            <div class="item active">
                <img src="/images/page-specific/home/iPhone-Comp-hw.png" alt="Second Slide">
            </div>
            <div class="item">
                <img src="/images/page-specific/home/iPhone-Comp-hw.png" alt="First Slide">
            </div>
        </div>
        <!-- Carousel controls -->
        <a class="carousel-control left" href="#myCarousel" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a>
        <a class="carousel-control right" href="#myCarousel" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a>
    </div>

    </div>

Answer 1

我猜这是 mootools-more.js 的作品。该脚本包括the Fx.Slide class :

The slide effect slides an Element in horizontally or vertically. The contents will fold inside.

尝试评论此脚本。