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>

NOW PROB是这篇文章 - ＆gt;

* 此脚本导致我的下拉菜单（使用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的这个特殊行，导致我的下拉菜单出现问题。一旦我删除这行代码，下拉工作！

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

2 个答案: