0

私はBootstrapにかなり慣れていません。カルーセルが前に進まなかったり、戻ったりしません。コードは次のとおりです。

[コード]

<html>
<head>
    <link rel="Stylesheet" type="text/css" href="css/bootstrap.css" />
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.carousel').carousel();
        });
    </script>
</head>
<body>
<center>
<div class="container">
<div class="row">
<div class="span6 well">
<div id="myCarousel" class="carousel">
<div class="carousel-inner">
<div class="item"><img src="1.jpg"></div>
<div class="item active"><img src="2.jpg"></div>
<div class="item"><img src="3.jpg"></div>
<div class="item"><img src="4.jpg"></div>
</div>
<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>
</div>
</div>
</div>
<script src="carousel.js"></script>
</center>
</body>
</html>

誰かが私が間違っていることを教えてもらえますか?

任意/すべてのヘルプをいただければ幸いです。

4

2 に答える 2

2

これ(.js)を順番に追加したことを確認し、それらを配置したフォルダーを右にポイントします。

1-jquery ライブラリ

2- ブートストラップ 3 の js

3- カルーセル js

例:

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="bootstrap.min.js"></script>
<script src="carousel.js"></script>

これがあなたを助けることを願っています

于 2013-10-09T19:44:23.250 に答える