花式下拉菜单和花式框画廊之间的jQuery冲突

【问题标题】：Jquery conflict between fancydropdown menu and fancybox gallery花式下拉菜单和花式框画廊之间的jQuery冲突
【发布时间】：2012-04-08 07:11:31
【问题描述】：

我在一个站点上使用了 fancydropdownmenu 和 fancybox 图像库，并且 jquery 引用之间似乎存在冲突。最后引用哪个 JS 文件 HTML 头覆盖另一个。 'fancydropdown.js' 在文件顶部有一个 JQuery 1.3 副本，我认为这与 HTML 文档头部的 JQuery 链接冲突。我尝试从 .js 文件中删除我认为是 JQuery 内容的内容，但没有成功。我也尝试过 .noconflict 并将 '$' 替换为 'jquery'。我可能做错了，因为我是个菜鸟。任何帮助都会非常感激......发疯了！网址是www.amuletbhutan.com 谢谢！

【问题讨论】：

究竟是什么不工作？你的菜单？
meta.stackexchange.com/a/5235

标签： jquery fancybox conflict

【解决方案1】：

由于 fancybox 需要 jQuery v1.3+ 并且 fancydropdown 菜单已经包含 jQuery v1.3.2，您可以从您的<head> 部分以避免进一步的冲突：

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

您只需要一个 jQuery 实例（最好是最新版本）即可避免此类冲突。

否则，您可以尝试从fancydropdown.js（/* Sizzle CSS Selector Engine - v0.9.3 之前的所有内容）中删除 jQuery 部分。

.noconflict 用于同一文档中有其他 javascript 库（如原型或 mootools）但不是您的情况。

【讨论】：

是的！您的第一个解决方案效果很好。像往常一样，我想我几乎做了所有事情，除了一个选项！非常感谢。救命稻草！
请不要忘记将其标记为正确答案。谢谢