2016-09-13 13 views
0

私のカルーセルは適切にスライドしていません。理由はわかりません。指標をナビゲートしている間は滑らかに滑りますが、単独では滑りません。 アイデアは何故ですか?カルーセルが自動的にスライドしないJQuery 1.12.4とブートストラップ3.3.6

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script language="JavaScript" type="text/javascript" src="app/js/bootstrap.min.js"></script> 
    <!-- Carousel --> 
<script language="JavaScript" type="text/javascript"> 
    $(document).ready(function(){ 
    $('.carousel').carousel({ 
     interval: 3000, 
     pause: false 
    }) 
    });  
</script> 

カルーセルの一部

<div id="myCarousel" class="carousel slide vertical nicer"> 


    <!-- Wrapper for Slides --> 
    <div class="carousel-inner"> 
     <div class="item active"> 
      <!-- Set the first background image using inline CSS below. --> 
      <div class="fill" style="background-image:url('app/images/6.jpg');"></div> 
      <div class="carousel-caption"> 
       <h2>Caption 1</h2> 
      </div> 
     </div> 
     <div class="item"> 
      <!-- Set the second background image using inline CSS below. --> 
      <div class="fill" style="background-image:url('app/images/23.jpg');"></div> 
      <div class="carousel-caption"> 
       <h2>Caption 2</h2> 
      </div> 
     </div> 

    </div> 
     <!-- Indicators --> 
    <ol class="nicer carousel-indicators"> 
     <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
     <li data-target="#myCarousel" data-slide-to="1"></li> 
    </ol> 

</div> 

答えて

0

あなたはカルーセルを有効にするには、データ属性が欠落しています。あなたのオープニングのHTMLタグがこれに変更します。

このことから:

<div id="myCarousel" class="carousel slide vertical nicer"> 

この目的のために:

<div id="myCarousel" class="carousel slide vertical nicer" data-ride="carousel"> 

はもっとここを参照してください:http://www.w3schools.com/bootstrap/bootstrap_ref_js_carousel.asp

+0

ありがとう、それはまだ働いていません。 – Leukonoe

+0

私はあなたのコードをコピーして貼り付けたばかりで、うまく動作し、自分自身とすべてを滑ります。 –

+0

これは私のMozilla Ubuntuであり、これは処理できませんか? – Leukonoe

関連する問題