2015-09-23 47 views
0

我需要將貓頭鷹旋轉木馬添加到我的網站。
我按照說明使用了默認主題以及css。
它工作完美。然後突然(沒有改變代碼)的默認主題停止工作(在導航上沒有主題)...
我一直在努力解決它,但我失去了我的想法...我甚至還原變化指向我在哪裏肯定它的工作!
而且它不是瀏覽器,因爲我甚至上傳它在我的服務器...貓頭鷹旋轉木馬 - 主題CSS不適用

我的代碼:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Light Coorporation - Photo</title> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" /> 

    <!-- Bootstrap Core CSS --> 
    <link href="../css/bootstrap.min.css" rel="stylesheet"> 

    <!-- Custom CSS --> 
    <link href="../css/style.css" rel="stylesheet"> 

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> 

    <script src="../js/jquery.js" language="javascript"></script> 
    <script src="../js/jquery-ui.js" language="javascript"></script> 
    <script src="../js/jquery.stellar.js" language="javascript"> </script> 
    <script src="../js/global.min.js" language="javascript"></script> 
    <script src="../js/bootstrap.min.js" language="javascript"></script> 
    <script src="../js/owl.carousel.min.js"></script> 
    <script src="../js/owl.custom.min.js"></script> 
    <link href="../css/owl.carousel.css" rel="stylesheet"> 
    <link rel="stylesheet" href="../css/owl.theme.default.min.css"> 
</head> 
<body> 
    <?php include '../include/fixed_menu.php' ?> 
    <br><br><br><br><br><br> 
    <div class="container "> 
     <div class="owl-carousel owl-slider-custom"> 
      <div class="item"><img src="../images/murmur.jpg"></div> 
      <div class="item"><img src="../images/murmur.jpg"></div> 
      <div class="item"><img src="../images/murmur.jpg"></div> 
      <div class="item"><img src="../images/murmur.jpg"></div> 
      <div class="item"><img src="../images/murmur.jpg"></div> 
      <div class="item"><img src="../images/murmur.jpg"></div> 
      <div class="item"><img src="../images/murmur.jpg"></div> 
      <div class="item"><img src="../images/murmur.jpg"></div> 
      <div class="item"><img src="../images/murmur.jpg"></div> 
      <div class="item"><img src="../images/murmur.jpg"></div> 
      <div class="item"><img src="../images/murmur.jpg"></div> 
      <div class="item"><img src="../images/murmur.jpg"></div> 
     </div> 
    </div> 
    <br><br> 
</body> 
</html> 

和JS:

$(document).ready(function() { 
    $('.owl-carousel').owlCarousel({ 
     loop:true, 
     margin:15, 
     center: true, 
     merge: true, 
     responsiveClass:true, 
     autoWidth: true, 
     responsive:{ 
      0:{ 
       items:1, 
       mergeFit: true, 
       nav:true 
      }, 
      600:{ 
       items:1, 
       mergeFit: true, 
       nav:true 
      }, 
      1000:{ 
       items:1, 
       mergeFit: true, 
       nav:true 
      } 
     } 
    }); 
}); 

這似乎不可思議,它用來工作一段時間,然後停止...
任何幫助將會感謝。
祝福!

演示: 「http://bez-granic.eu/lc/photo/

+0

我們很難在沒有看到該網站的情況下提供幫助。控制檯中有任何404錯誤? – isherwood

+0

這很奇怪。可能相關:當我在Chrome中刷新頁面時,輪播無法正確初始化 - 所有圖像都堆疊在一列中。沒有錯誤報告。 – isherwood

+0

我也注意到了。我在代碼中犯了錯嗎? – sirKaskadir

回答

相關問題