Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.06.2011, 16:26
Новичок на форуме
Отправить личное сообщение для galinnka Посмотреть профиль Найти все сообщения от galinnka
 
Регистрация: 22.06.2011
Сообщений: 1

Конфликтует fancybox и ниспадающие меню
При установке галереи fancybox перестают работать ниспадающие боковые меню, модули superfishmenu и maximenu_CK, как только отключаю галерею, всё работает нормально. В чем может быть проблема? Сайт сделан на joomla 1.5. http://www.tursport.na-tur.ru Пробовала устанавливать последнюю версию jquery не помогло. Страничка где должна открываться галерея.

<link rel="stylesheet" type="text/css" href="/example/fancybox/jquery.fancybox.css" media="screen" />
   <script type="text/javascript" src="/example/fancybox/jquery-1.5.min.js"></script>
   <script type="text/javascript" src="/example/fancybox/jquery.easing.1.3.js"></script>
   <script type="text/javascript" src="/example/fancybox/jquery.fancybox-1.2.1.pack.js"></script>
   <script type="text/javascript">

      $(document).ready(function() {

      $("a.gallery, a.iframe").fancybox();
url = $("a.modalbox").attr('href').replace("for_spider","content2");
$("a.modalbox").attr("href", url);   
$("a.modalbox").fancybox(
{                          
         "frameWidth" : 400,    
         "frameHeight" : 400 
});
         $("a.gallery2").fancybox(
         {                  

"padding" : 20, // отступ контента от краев окна
"imageScale" : false, // Принимает значение true - контент(изображения) масштабируется по размеру окна, или false - окно вытягивается по размеру контента. По умолчанию - TRUE

         "zoomOpacity" : false,   // изменение прозрачности контента во время анимации (по умолчанию false)
         "zoomSpeedIn" : 1000,   // скорость анимации в мс при увеличении фото (по умолчанию 0)
         "zoomSpeedOut" : 1000,   // скорость анимации в мс при уменьшении фото (по умолчанию 0)
         "zoomSpeedChange" : 1000, // скорость анимации в мс при смене фото (по умолчанию 0)
         "frameWidth" : 424,    // ширина окна, px (425px - по умолчанию)
         "frameHeight" : 355, // высота окна, px(355px - по умолчанию)
         "overlayShow" : true, // если true затеняят страницу под всплывающим окном. (по умолчанию true). Цвет задается в jquery.fancybox.css - div#fancy_overlay 
         "overlayOpacity" : 0.8,    // Прозрачность затенения    (0.3 по умолчанию)
         "hideOnContentClick" :false, // Если TRUE  закрывает окно по клику по любой его точке (кроме элементов навигации). Поумолчанию TRUE      
         "centerOnScroll" : false // Если TRUE окно центрируется на экране, когда пользователь прокручивает страницу      
         });
      $("#menu a, .anim").hover( function() {
      $(this).animate({"paddingLeft" : "10px"}, 300)},
     function() {$(this).animate({"paddingLeft" : "0"}, 300);
});
$("a.iframe").fancybox(
{                          
         "frameWidth" : 425,    // ширина окна, px (425px - по умолчанию)
         "frameHeight" : 600 // высота окна, px(355px - по умолчанию)
});
      });

   </script>
   <style>

      html, body {
         font: normal 12px Tahoma;
         color: #333;
      }
      a {
         outline: none;   
      }
      div#wrap {
         width: 500px;
         margin: 50px auto;   
      }
      img {
         border: 0px solid #CCC;
         padding: 0px;   
         margin: 0px 0px 0px 0;
      }
      .green 
      {color:#060; font-size:14px}
   </style>


Это ошибка в Firebug
Код:
jQuery("ul.sf-menu").superfish is not a function
jQuery(document).ready(function(){ jQu...f', autoArrows:1, dropShadows:0}) }); 
2011-0...52.html (строка 24)

($(filter) || document).getElement is not a function
return false;});return(nocash)?element...}else{temp.push('[@',param[4],']');}} 
mootools.js (строка 53)

$("a.modalbox").attr("href") is undefined
url = $("a.modalbox").attr('href').replace("for_spider","content2"); 
2011-0...52.html (строка 154)
Здесь вероятно подключается меню суперфиш до того, как подключается библиотека jQuery. Я прописываю свой код в index.php сайта, может мне стоит, как-то попробовать, не в index.php писать, а создать модуль mod_документ в который запихнуть свой код галереи, будет ли так работать и возможно ли это?
Ответить с цитированием
  #2 (permalink)  
Старый 23.06.2011, 10:11
Аватар для tropiko
Аспирант
Отправить личное сообщение для tropiko Посмотреть профиль Найти все сообщения от tropiko
 
Регистрация: 23.06.2011
Сообщений: 44

C mootools конфликт

Стоит посмотреть в сторону (в начале страницы)
jQuery.noConflict();

и переписать свой код, заменив $ в коде вызова плугинов jQuery на jQuery.
например, так:
jQuery.("#id").click(//ну и дальше код);

Или отказаться от jQuery/либо mootools.
Вот еще можете почитать
http://nauca.com.ua/zametki/resolve-...uery-mootools/
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Находится ли мышка над дивом ? (выпадающее меню) advsm jQuery 31 24.09.2014 17:50
Ищу jQuery плагин для создания меню Zeboton jQuery 9 15.09.2014 15:31
анимированное меню на jquery глючит в ie leCadavreExquis jQuery 3 30.12.2009 17:30
Как "переключать" картинки в меню навигации? KirTer Элементы интерфейса 1 22.06.2009 11:49
Событие mouseout при наведении мыши на пункт меню WalterScott Events/DOM/Window 2 12.05.2009 22:05