Конфликтует 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 |
C mootools конфликт
Стоит посмотреть в сторону (в начале страницы) jQuery.noConflict(); и переписать свой код, заменив $ в коде вызова плугинов jQuery на jQuery. например, так: jQuery.("#id").click(//ну и дальше код); Или отказаться от jQuery/либо mootools. Вот еще можете почитать http://nauca.com.ua/zametki/resolve-...uery-mootools/ |
Часовой пояс GMT +3, время: 08:07. |