Twitter引導程序-輪播

Question

我已經在本教程中完成了此操作，並且可以完美地工作，現在當我重新創建它時，它無法正常工作，我將提供代碼和錯誤報告。

HTML：

<div class="carousel slide" id="myCarousel">
    <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>
        <li data-target="#myCarousel" data-slide-to="3"></li>
    </ol>
    <div class="carousel-inner">
        <div class="item active"><img src="http://placehold.it/1200x480" alt="placeholdit"></div>
        <div class="item"><img src="http://placehold.it/1200x481" alt="placeholdit"></div>
        <div class="item"><img src="http://placehold.it/1200x480" alt="placeholdit"></div>
        <div class="item"><img src="http://placehold.it/1200x482" alt="placeholdit"></div>
    </div>
</div>

JS ：（文件鏈接放置在主體中，代碼也放置在主體中）

<script src="js/bootstrap.js"></script>
<script src="js/jquery.js"></script>
<script>
    $(document).ready(function() {
        $('#myCarousel').carousel({interval: 2000});
    });
</script>

錯誤報告：

TypeError：$不是函數文件：/// C：/Users/Christopher/Desktop/Portfolio_Final/js/bootstrap.js第29行

TypeError：$（...）。carousel不是函數文件：/// C：/Users/Christopher/Desktop/Portfolio_Final/index.html#myCarousel Line 89

看起來，它的報告功能不存在錯誤，jquery版本在1.9.1上

Answer 1

嘗試這個

    jQuery.noConflict();
    jQuery(document).ready(function () {
        jQuery('#myCarousel').carousel({ interval: 2000 });
    });

Answer 2

Bootstrap插件取決於jQuery。 因此，您必須先加載它。

<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
...