Question

我已经创建了一个使用Twitter Bootstrap的网站，一切正常。您可以访问网站here !,这是使用轮播功能的图库页面。

我将用于本网站的相同确切代码复制并粘贴到我的新网站中，代码如下：

<div class="carousel slide tac" id="image-gallery">
    <!-- Wrapper for slides -->
    <div class="carousel-inner">
        {% for i, item in items %}
            {% set image = asset(item.getWebPath) %}
            <div class="item" id="item_{{ i }}">
                <img src="{{ asset(image) }}" alt="Silver Spoon">
            </div>
        {% endfor %}
    </div>
    <!-- Controls -->
    <a class="left carousel-control" href="#image-gallery" data-slide="prev">
        <span class="icon-prev"></span>
    </a>
    <a class="right carousel-control" href="#image-gallery" data-slide="next">
        <span class="icon-next"></span>
    </a>
</div>

我已经包含了最新的jQuery和最新的bootstrap.js。

我甚至不必在我的第一个网站上调用$（'。carousel'）。carousel（），我只是给了它正确的课程。所以我试着调用$（'。carousel'）。carousel（）然后它给了我这个错误：

Uncaught TypeError: Object [object Object] has no method 'carousel'

接下来我做的是下载源文件，我包括carousel.js和transition.js，同时还包括整个bootstrap.js。然后这就行了。

但我想知道为什么我的第一个网站，只需要包含bootstrap.js的网站，我的第二个网站，我必须包括额外的carousel.js和transition.js。

提前感谢您的帮助！

Answer 1

在data-ride="carousel" div中包含#image-gallery或通过编写javascript代码$("#image-gallery").carousel();手动触发轮播，也不要忘记包含bootstrap.js和bootstrap.css在你的代码中。

Twitter Bootstrap轮播无法正常工作，但之前已经工作过

1 个答案: