2012-04-25 18 views
0

私はカルーセルを動作させようとしていますが、そうではありません。矢印をクリックすると、URLはmypage.html#myCarouselになりますが、何も起こりません。誰かが私がここで紛失しているものを指摘してくれますか?twitterカルーセルが動作しない

は、ここに私のhtml

<html> 
<head> 
    <link rel="stylesheet" href="css/bootstrap_2.0.3.min.css" type="text/css"> 
    <script language="javascript" type="text/javascript" src="scripts/bootstrap_2.0.3.min.js"></script> 
    <script language="javascript" type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 
    <script type="text/javascript" language="javascript"> 
     $(function(){ 
      $('#myCarousel').carousel(); 
     }); 
    </script> 
</head> 

<body> 
    <div class="container"> 
     <div class="row"> 
      <div class="span10"> 
       <h2>my carousel</h2> 
       <div id="myCarousel" class="carousel"> 
        <!-- Carousel items --> 
        <div class="carousel-inner"> 
         <div class="active item"> 

          <div class="row"> 
           <div class="span8"> 
            <img src="some image" alt="" width="500"> 
           </div> 
           <div class="span2"> 
            <p> 
             some text 
            </p> 
           </div> 
          </div> 

         </div> 
         <div class="item"> 

          <div class="row"> 

           <div class="span8"> 
            <img src="some image" alt="" width="500"> 
           </div> 
           <div class="span2"> 
            <p> 
             Some Text 
            </p> 
           </div> 
          </div> 
         </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> 
</body> 
</html> 

答えて

1

あなたが最初のjQueryを含める必要があり、ブートストラップJSが後でそのロード順序を反転し、それが動作するはずです。

+0

素晴らしい感謝.. – user1357108

関連する問題