Конфликт Cufon и JQUERY (невозможно заставить fancybox и «выпадающее меню» работать вместе) - PullRequest
Новая
       27

Конфликт Cufon и JQUERY (невозможно заставить fancybox и «выпадающее меню» работать вместе)

0 голосов
/ 13 января 2012

Так что извините за то, что я действительно новичок в этом .... но я постараюсь сделать все возможное, чтобы детализировать проблему.

У меня на странице запущен скрипт для fancybox, который выглядит так: 

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


<!-- Add fancyBox -->
<link rel="stylesheet" href="css/jquery.fancybox.css?v=2.0.4" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.fancybox.pack.js?v=2.0.4"></script>

<!-- Optionaly add button and/or thumbnail helpers -->
<link rel="stylesheet" href="css/jquery.fancybox-buttons.css?v=2.0.4" type="text/css"     media="screen" />
<script type="text/javascript" src="js/jquery.fancybox-buttons.js?v=2.0.4"></script>

<link rel="stylesheet" href="css/jquery.fancybox-thumbs.css?v=2.0.4" type="text/css"     media="screen" />
<script type="text/javascript" src="js/jquery.fancybox-thumbs.js?v=2.0.4"></script




ul class="list">

    <li>
        <a class="various fancybox.iframe"     href="http://www.topholidayrecipes.com">Iframe</a>
    </li>

</ul>


<script type="text/javascript">
$(document).ready(function() {
    $(".various").fancybox({
        maxWidth    : 800,
        maxHeight   : 600,
        fitToView   : false,
        width       : '70%',
        height      : '70%',
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none'
    });
});
</script>

СЕЙЧАС ПРОБ - ЭТОТ СКРИПТ ->

* Этот скрипт заставляет мое выпадающее меню (которое использует функцию замены cufon) быть статическим. И мне нужен этот скрипт для модного окна, но добавление этого отключает эффект анимации выпадающего меню.

Кнопки, расположенные в правом верхнем углу страницы, изначально работают по адресу: www.topholidayrecipes.com

А вот страница, которая использует причудливый блок (ссылка находится в блоке рецептов с именем "iframe"), но здесь меню статично: http://topholidayrecipes.com/artichokes-recipes.html

Пожалуйста, помогите мне с этим ..... Я буду очень благодарен:)

Ответы [ 2 ]

0 голосов
/ 21 января 2012

Да, я попытался удалить эти строки кодов, но обнаружил, что эти коды мне не нужны. В частности, я обнаружил, что эта строка кода вызывает проблемы с выпадающим списком: 

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

Я даже скачал javascript напрямую из Google и назвал его на своей странице другим способом, используя: 

<script type="text/javascript" src="js/jquery.google.js"></script>

они оба запускают одно и то же, и модная коробка работает как надо. но я заметил, что именно эта строка, используемая для fancybox, вызывает проблемы с моим выпадающим меню. как только я удаляю эту строку кода, выпадающий список работает!

0 голосов
/ 14 января 2012

В вашем js-коде есть небольшая ошибка: 

._shadowBox()

, которая создает эту ошибку: 

Error: 
shadowBox is not a function
Source File: http://topholidayrecipes.com/artichokes-recipes.html
Line: 717

и нарушает остальную часть вашего js-кода (анимация влияетиз раскрывающегося списка).

Возможно, вы забыли удалить эту строку после выгрузки shadowbox и перехода в fancybox

...