2012-04-25 126 views
0

我想让旋转木马工作,但事实并非如此。当我点击箭头的网址变成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 2012-04-25 20:42:57