Twitter Bootstrap Carousel插件延遲頁面加載

不知道爲什麼插件的行爲如此，但每當使用輪播插件刷新頁面時，包含的div爲空5秒鐘，然後輪播將開始正常工作 - 滑過。Twitter Bootstrap Carousel插件延遲頁面加載

我創建了一個減肥版本，以查看是否有其他事情阻礙了事情發展。下面是我有：

<html> 
    <head> 

     <link rel="stylesheet" href="bootstrap.min.css" type="text/css"> 
     <link rel="stylesheet" href="css/carousel.css" type="text/css"> 

     <script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script> 

     <script type="text/javascript" src="scripts/bootstrap-transition.js"></script> 
     <script type="text/javascript" src="scripts/bootstrap-carousel.js"></script> 

     <script type="text/javascript"> 
      $(function() { 
       $('#myJumbotron').carousel(); 
      }); 

     </script> 

    </head> 

    <body> 

     <!-- JUMBOTRON 
===================================================================== --> 
     <div class="container"> 
      <div class="row"> 
       <section class="span16"> 

        <div id="myJumbotron" class="carousel"> 
         <div class="carousel-inner"> 

          <div class="item"> 
           <img src="images/jumbotron.jpg" alt="Featured specials" /> 
          </div> 

          <div class="item"> 
           <img src="http://placehold.it/940x380" alt="Featured specials" /> 
          </div> 

          <div class="item"> 
           <img src="images/jumbotron.jpg" alt="Featured specials" /> 
          </div> 

         </div> 
         <a class="left carousel-control" href="#myJumbotron" data-slide="prev">&lsaquo;</a> 
         <a class="right carousel-control" href="#myJumbotron" data-slide="next">&rsaquo;</a> 
        </div> 

       </section> 
      </div> 
     </div> 

    </body> 

</html>

我用SimpLESS工具只編譯carousel.less文件到自己的carousel.css文件和bootstrap.min.css是未修改的爲好。

你可以在這裏看到發生了什麼：furnitureroadshow.com。任何幫助，將不勝感激。

來源

2012-02-10 generalopinion

爲html中的第一個項目類「活動」添加，現在您正在等待1個週期。

EX：

     <div class="item active"> 
          <img src="images/jumbotron.jpg" alt="Featured specials" /> 
         </div> 

         <div class="item"> 
          <img src="http://placehold.it/940x380" alt="Featured specials" /> 
         </div> 
......

來源

2012-02-10 02:52:43 AlexC

感謝名單。像這樣的事情在經過10個小時的編碼之後會被忽略。大聲笑。 – generalopinion 2012-02-10 02:56:45

Twitter Bootstrap Carousel插件延遲頁面加載

回答

相關問題