Cufon 和 JQUERY 冲突（无法同时使用 fancybox 和“下拉菜单”）

Question

所以请原谅我对此非常陌生......但我会尽力详细说明问题。

我有一个在 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

请帮忙我带着这个......我将非常感激:)

Answer 1

您的 js 代码中有一个小错误：

._shadowBox()

这会产生此错误：

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

并且会破坏您的 js 代码的其余部分（包括下拉列表的动画效果）。

也许您在卸载 Shadowbox 并移动到 fancybox 后忘记删除该行

Answer 2

是的，我尝试删除这些代码行，但我发现我无论如何都不需要这些代码。我发现这行代码似乎直接导致下拉菜单出现问题：

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

我什至直接从谷歌下载了javascript，并在我的页面中以另一种方式调用它：

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

它们都运行相同的东西和花哨的盒子正常工作。但我注意到正是用于 fancybox 的这一特定行导致我的下拉菜单出现问题。一旦我删除这行代码，下拉菜单就可以工作了！