ブートストラップカルーセル - サイクリングは全くありません

Question

私の問題は、タイトルのようなカルーセルの問題です。

私は5回のようなカルーセルと、再書き込み全体セクション今までかなりの数のソリューションをチェックし、問題がまだ同じです：

カルーセルのみ1（アクティブ）の項目を示し、それはサイクルとするときにしません表示されたインジケータの1つをクリックすると、約200ピクセル（「クリックしてスクロールする」のように見えます）が表示されます。ここで

は私のHTMLです：

<div class="hidden-xs col-sm-12 col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2"> 
     <div id="carousel" class="carousel slide" data-ride="carousel"> 
      <ol class="carousel-indicators"> 
       <li data-target="#carousel" data-slide-to="0" class="active"></li> 
       <li data-target="#carousel" data-slide-to="1"></li> 
       <li data-target="#carousel" data-slide-to="2"></li> 
      </ol> 
      <div class="carousel-inner"> 
       <div class="item active"> 
        <img src="img/nauka-jazdy-luton-1.jpg" alt="Slide1"> 
       </div> 
       <div class="item"> 
        <img src="img/nauka-jazdy-luton-2.jpg" alt="Slide2"> 
       </div> 
       <div class="item"> 
        <img src="img/nauka-jazdy-luton-3.jpg" alt="Slide3"> 
       </div> 
      </div> 
     </div> 
    </div> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
<script src="js/app.js" type="text/javascript" charset="utf-8"></script> 
<sctipt>$("#carousel").carousel();</sctipt> 

とCSS：

.carousel { 
    height: 250px; 
} 

.carousel .item { 
    width: auto; 
    height: 250px; 
    background-color: #878787; 
} 

.carousel-inner > .item > img { 
    position: absolute; 
    top: 0; 
    left: 0; 
    min-width: 100%; 
    height: 250px; 
} 

Answer 1

私の友人はこれに対する答えを見つけて、それはjQueryの最新バージョンでした。 v3のjQueryをサポートしていないBootstrapのバージョンを使用しています。

カルーセルは問題なく動作します。 誰かがこの記事を役に立つと願っています。

Answer 2

ここでは、コードのペンはhttp://codepen.io/anon/pen/WxraKr

だあなたはbootstrap.min.js

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

を含めるのを忘れているように見えます

JQueryの上にこの行を追加してください。 ハッピーコーディング！