2012-06-02 2 views
0

Я пытаюсь использовать функцию готовности документа, которую я нашел на вашем сайте, чтобы заставить лайтбоксы fancybox появляться при загрузке страницы. Вот код, который я использую (я нашел его здесь на вашем сайте). Это заставляет fancybox отображаться при загрузке страницы, но он заставляет его открываться на новой странице и теряет свои модальные свойства, когда я добавляю функцию $ document ready.Fancybox Открывается на Pageload, но больше не мода

Я не очень техничен, но после нескольких часов исследований и попыток нескольких методов я даю и ища помощь. Любая поддержка будет принята с благодарностью.

<link media="all" rel="stylesheet" type="text/css" href="css/all.css" /> 
<link media="all" rel="stylesheet" type="text/css" href="css/fancybox.css" /> 
<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery.fancybox.js"></script> 
<script type="text/javascript" src="js/jquery.sameheight.js"></script> 
    <script type="text/javascript"> 
$(document).ready(function() { 
    $("#hidden_link").fancybox().trigger('click'); 
}); 
</script> 

</head> 
<body> 
<div id="wrapper"> 
    <a name="hidden_link" id="hidden_link" a class="lightbox" href="#popup01"></a> 
</div> 
<div class="popup-holder"> 
    <div id="popup01" class="lb"> 

ответ

0

Ваш код верный, но вы можете пропустить, чтобы включить css или js-файлы для fancybox.

+0

Извините, что они находятся над функцией готовности документа. Я только что отредактировал сообщение, чтобы показать, что находится над телом. – user1431988

+0

После того, как я добавил функцию готовности к документу, я добавил в скрытый якорь здесь , и именно тогда модальность перестала работать. Теперь fancybox появится автоматически, но он больше не является модальным и открывается на новой странице, а не поверх существующей страницы. – user1431988

+0

Есть ли ошибка javascript? –

Смежные вопросы