javascript - Twitter Bootstrap Carousel 高度变为 0px 并出现额外的 div

Question

我在使用 Twitter Bootstrap Carousel 时遇到了一个奇怪的问题。请看http://www.bettondesignwork.co.uk/cheapbeds4u/

目前有三张相同的图片。第一张图片加载正常，但是当第二张图片在包含 div 的高度内滑动时，动画变为 0px。除此之外，还会在旋转木马周围生成一个额外的 div。

实际的 html:

<section id="top" class="container">
<div id="TopCarousel" class="moduletable carousel slide">
        <div class="carousel-inner">
            <div class="item">
                <img src="images/slideshow/homepage/01.jpg" alt="" />
                <div class="carousel-caption"></div>
            </div>
            <div class="item">
                <img src="images/slideshow/homepage/02.jpg" alt="" />
                <div class="carousel-caption"></div>
            </div>
            <div class="item">
                <img src="images/slideshow/homepage/03.jpg" alt="" />
                <div class="carousel-caption"></div>
            </div>
        </div>
    </div>
</section>

呈现的 HTML:

<section id="top" class="container">
<div style="margin: 0px 0px 20px; position: relative; overflow: hidden; height: 0px;">
<div id="TopCarousel" class="moduletable carousel slide" style="margin: -340px 0px 0px; overflow: hidden;">
        <div class="carousel-inner">
            <div class="item active">
                <img src="images/slideshow/homepage/01.jpg" alt="" />
                <div class="carousel-caption"></div>
            </div>
            <div class="item">
                <img src="images/slideshow/homepage/02.jpg" alt="" />
                <div class="carousel-caption"></div>
            </div>
            <div class="item">
                <img src="images/slideshow/homepage/03.jpg" alt="" />
                <div class="carousel-caption"></div>
            </div>
        </div>
    </div>
</div>
</section>

如有任何帮助，我们将不胜感激。谢谢。

Answer 1

这是 Joomla 3.0 和 Bootstrap 轮播功能的问题。正如上面评论中指出的，Mootools 和 jQuery 在 J3 安装中默认一起运行。

我的解决方法是安装并激活这个插件 - http://extensions.joomla.org/extensions/core-enhancements/performance/mootools/15748

这解决了我的问题，如下所示:

http://www.littledonkey.net

请注意，这会完全禁用 mootools，因此某些功能可能会按预期停止工作...

干杯，

亚当