當網站上傳到服務器時，Fancybox無法正常工作

有人可以幫助我，我已經上傳了一個網站到服務器，它運行不正常。在我的電腦上工作正常，我也在朋友的Windows機器上測試過它。發生了什麼事是fancybox不工作，圖像只是打開簡單的舊html會打開圖像的方式。當網站上傳到服務器時，Fancybox無法正常工作

其次，在'img'文件夾內有一個名爲'ads'的文件夾，並且該文件夾中的所有圖像都不會鏈接到網站聯機時的位置。這裏是應該處理的頁頭，我錯過了什麼：

<!DOCTYPE html> 
<!--[if lt IE 7]>  <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> 
<!--[if IE 7]>   <html class="no-js lt-ie9 lt-ie8"> <![endif]--> 
<!--[if IE 8]>   <html class="no-js lt-ie9"> <![endif]--> 
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> 
    <head> 
     <meta charset="utf-8"> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <title></title> 
     <meta name="description" content=""> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 

     <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> 

     <link rel="stylesheet" href="css/normalize.css"> 
     <link rel="stylesheet" href="css/main.css"> 
     <link rel="stylesheet" href="css/animate.css"> 
     <link rel="stylesheet" href="css/jquery.fancybox.css"> 

     <script src="js/vendor/modernizr-2.6.2.min.js"></script> 
     <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script> 
     <script type="text/javascript" src="js/jquery-ui.min.js"></script> 
     <script type="text/javascript" src="js/jquery.fancybox.js"></script> 
     <script type="text/javascript" src="js/jquery.smoothState.js"></script> 
     <script type="text/javascript"> 

     function pageload(){ 
     $(function() { 
      $('#recentwork div').each(function(i) { 
       $(this).delay((i++) * 75).fadeTo(1000, 1); }) 
      }); 
     }; 

     window.onload = pageload(); 

     $(document).ready(function() { 
      $(".img_tn_web a").fancybox(); 
     }); 


     </script> 
    </head>

編輯：我目前得到這個錯誤，當我檢查螢火

TypeError: $(...).fancybox is not a function

的網站，但我包括鏈接到的fancybox js文件，所以我不知道它是怎麼了？

感謝

來源

2014-08-27 Xochi

非常廣泛的問題..甚至不是代碼片段？ – AlexGreg 2014-08-27 08:26:49

更新了代碼片段 – Xochi 2014-08-27 08:33:12

從頭部取下你的fancybox js文件和下方添加到jQuery庫文件LIK e下面。您的標題部分應如下所示。

<!DOCTYPE html> 
<!--[if lt IE 7]>  <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> 
<!--[if IE 7]>   <html class="no-js lt-ie9 lt-ie8"> <![endif]--> 
<!--[if IE 8]>   <html class="no-js lt-ie9"> <![endif]--> 
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> 
    <head> 
     <meta charset="utf-8"> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <title></title> 
     <meta name="description" content=""> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 

     <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> 

     <link rel="stylesheet" href="css/normalize.css"> 
     <link rel="stylesheet" href="css/main.css"> 
     <link rel="stylesheet" href="css/animate.css"> 
     <link rel="stylesheet" href="css/jquery.fancybox.css"> 

     <script src="js/vendor/modernizr-2.6.2.min.js"></script> 
     <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script> 
     <script type="text/javascript" src="js/jquery-ui.min.js"></script> 
     <script type="text/javascript" src="js/jquery.smoothState.js"></script> 
     <script type="text/javascript"> 

     function pageload(){ 
     $(function() { 
      $('#recentwork div').each(function(i) { 
       $(this).delay((i++) * 75).fadeTo(1000, 1); }) 
      }); 
     }; 

     window.onload = pageload(); 

     $(document).ready(function() { 
      $(".img_tn_web a").fancybox(); 
     }); 


     </script> 
    </head>

並添加到如下所示的頁腳。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script> 
<script type="text/javascript" src="js/jquery.fancybox.js"></script> 
<script src="js/plugins.js"></script> 
    <script src="js/main.js"></script>

來源

2014-08-27 08:34:05 RajivRisi

這沒有工作，雖然 – Xochi 2014-08-27 08:46:45

我沒有在您的網站上找到上述變化。我100％肯定它會工作 – RajivRisi 2014-08-27 08:58:05

你能否創建一個更詳細的代碼片段，只是複製我發佈的代碼，並在那裏進行更改，因爲我不確定是否瞭解你的說明，並附上你傳說的片段 – Xochi 2014-08-27 09:04:39

當網站上傳到服務器時，Fancybox無法正常工作

回答

相關問題