2012-04-22 54 views
0

(http://www.kamgar.nl/test)的fancybox內聯只是不工作

<html> 
<head> 
    <title>Tester</title> 

    <link rel="stylesheet" href="helpers/jquery.fancybox-thumbs.css?v=2.0.6" type="text/css" media="screen" /> 

    <script type="text/javascript"> 
     $(document).ready(function() { 
      $("#popups").fancybox({ 
       maxWidth : 800, 
       maxHeight : 600, 
       fitToView : false, 
       width  : '70%', 
       height  : '70%', 
       autoSize : false, 
       closeClick : false, 
       openEffect : 'none', 
       closeEffect : 'none' 
      }); 
     }); 
    </script> 

</head> 
<body> 

     <a id="popups" href="#servicesRecovery">Open</a> 

     <div style="display:none;"> 
      <div id="servicesRecovery">Hello!</div> 
     </div> 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script type="text/javascript" src="jquery.fancybox.pack.js"></script> 
</body> 

...我什麼都得不到,沒有錯誤,沒有什麼,我在做什麼錯誤?!

有人請幫我解決這個問題,因爲我一分鐘就會禿頂!

謝謝!

回答

1

移動這些:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script type="text/javascript" src="jquery.fancybox.pack.js"></script> 

... 上述您的fancybox自定義腳本......或移動您的fancybox自定義腳本下面這些行。這只是一個問題或初始化順序。

編輯:我剛纔檢查您的樣品的網站,你缺少一個適當的DOCTYPE和的fancybox CSS文件(您添加了大拇指CSS文件只)

+0

感謝JFK!你在那裏有一些鷹眼,所有的工作都與你的指針一起工作。 – Kia 2012-04-23 00:08:44