PHP：Carousel Bootstrap CSS

我正在嘗試使用Bootstrap CSS Carousel。左右箭頭不工作，幻燈片不能自動切換......我找不出原因。PHP：Carousel Bootstrap CSS

這裏是我的代碼：

的index.php

<?php 
    include("header.php"); 
?> 
    <body> 

    <?php 
    include("menu.php"); 
    include("carousel.php"); 
    ?> 

    <footer> 
    <p>&copy; 2013 Company</p> 
    </footer> 

    <?php 
    include("script.php"); 
    ?> 
     <script> 
     !function ($) { 
      $(function(){ 
      $('.carousel').carousel() 
      }) 
     }(window.jQuery) 
     </script> 
    </body> 
</html>

carousel.php

<div id="myCarousel" class="carousel slide"> 
    <div class="carousel-inner"> 
    <div class="item active"> 
     <img src="img/bg1.jpg" alt=""> 
     <div class="container"> 
     <div class="carousel-caption"> 
      <h1>ITEM 1</h1> 
      <p class="lead">Description 1.</p> 
      <a class="btn btn-large btn-primary" href="#">More</a> 
     </div> 
     </div> 
    </div> 

    <div class="item"> 
     <img src="img/bg2.jpg" alt=""> 
     <div class="container"> 
     <div class="carousel-caption"> 
      <h1>ITEM 2</h1> 
      <p class="lead">Description 2.</p> 
      <a class="btn btn-large btn-primary" href="#">More</a> 
     </div> 
     </div> 
    </div> 

    <div class="item"> 
     <img src="img/bg3.jpg" alt=""> 
     <div class="container"> 
     <div class="carousel-caption"> 
      <h1>ITEM 3</h1> 
      <p class="lead">Description 3.</p> 
      <a class="btn btn-large btn-primary" href="#">More</a> 
     </div> 
     </div> 
    </div> 
    </div> 
    <!-- Carousel NAV --> 
    <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a> 
    <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a> 
</div>

的script.php（*編輯）

<script src="js/jquery.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/holder/holder.js"></script>

PS：我無法在JQuery中編寫JS。

來源

2013-03-30 Henri

您是否使用過firebug來診斷所有已下載的引導程序的錯誤/錯誤？證實他們都存在？ –

+1另外，你包含jQuery兩次？一旦從googleapis.com本地和一次？ – thaJeztah

是你的bootstrap.min.js自定義還是一個完整的js文件？因爲如果你兩次引用相同的東西會導致問題，所以如果你的bootstrap.min.js不是自定義的引用其他文件的引用，如bootstrap-carousel.js，bootstrap-collapse.js等。 –

我明白了！

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script> 
    $(document).ready(function(){ 
     $('.carousel').carousel(); 
    }); 
</script>

在頁面的開始部分而不是結束部分運行此腳本使其工作。在script.php文件中，我運行以下腳本：

<script src="js/bootstrap.js"></script> 
<script src="/js/bootstrap-carousel.js"></script> 
<script src="/js/jquery.js"></script>

來源

2013-03-30 15:24:26 Henri

PHP：Carousel Bootstrap CSS

回答

相關問題