fancybox jquery plugin ссылки на изображение, но не накладывается

На этом сайте, над которым я работаю для работы - http://www.basicliving.com - когда вы нажимаете на объявление о специальных предложениях дня матери, он выводит вас на отдельную страницу с изображением и сером задний план. Я использую fancybox, и я отлично следил за указаниями на сайте fancybox. Я проверил в firebug, и все файлы там и связаны. Он должен просто наложить изображение на серый, но несколько прозрачный фон, чтобы вы все еще могли видеть содержимое главной страницы за изображением. Вот код ...fancybox jquery plugin ссылки на изображение, но не накладывается

$(document).ready(function(){ 
     /* This is basic - uses default settings */ 

     $("#init_over").fancybox({ 
      'speedIn'  : 600, 
      'speedOut'  : 200, 
      'overlayShow' : false, 
      'hideOnContentClick': true 
     }); 

    });

и HTML ...

<a id="init_over" href="<?php echo DIR_WS_TEMPLATES . TEMPLATE_NAME; ?>/images/mothersDayAd.jpg"> 
      <img src="<?php echo DIR_WS_TEMPLATES . TEMPLATE_NAME; ?>/images/momsDayAd.jpg" alt="Mother's Day Bosch Sale!" /></a>

Я также связал CSS в голове, наряду с необходимыми JQuery и FancyBox сценариев. Они все там. Я проверил часто задаваемые вопросы по сайту, и все, что было сказано, «убедитесь, что все установлено правильно». Я искал его и прочитал другие вопросы о стеке, и я не мог исправить, поэтому подумал, что пришло время спросить ... Спасибо!

источник

2012-03-30 Digital Brent

Я также попробовал селектор с a перед ним, поэтому я знаю, что это тоже не работает. $ ("a # init_over"). fancybox –

$ ("# init_over"). fancybox не является функцией Похоже, что плагин не инициализирован. – madc

Да, я тоже заметил эту ошибку ... Я не могу для жизни понять, почему она не инициализирована, хотя, как я уже говорил, я выполнил шаги по установке плагина и даже вынул код и повторно -установил ... какие-нибудь идеи, что может вызвать эту ошибку? Это сводит меня с ума. –

Похоже, вы включили jQuery дважды.

<script type="text/javascript" src="templates/OS03C00309/includes/js/jquery.js"></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

источник

2012-03-30 18:30:12 madc

Спасибо, я этого не заметил, но сейчас я взял его (верхний скрипт, потому что нижний - более новый), и он все еще не работает так, как должен. На отдельной заметке ... nice avatar –

у вас все еще есть две версии jQuery: v1.7.1 и v1.4.4 – JFK

JFK прав. Найдите эту строку: '', Это может help, собрать все js-файлы в той же области (в конце тега body, т.е.), чтобы сделать код немного более удобным для просмотра. – madc

fancybox jquery plugin ссылки на изображение, но не накладывается

ответ

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