2012-04-22 47 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