2012-04-22 2 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 пользовательского сценарий ниже эти строки. Это всего лишь вопрос или порядок инициализации.

EDIT: Я только что проверил свой веб-сайт образца и вам не хватает надлежащего DOCTYPE и CSS файл FancyBox (вы добавили большие пальцы CSS файл только)

+0

Благодаря JFK! Некоторые глаза орла у вас там, все работают с вашими указателями. – Kia