jQuery/原型(prototype)冲突

Question

我正在使用 jQuery mouseoverIntent.js 脚本来构建大型下拉菜单系统，其灵感来自于 Son Tonaka 的大型下拉菜单 w/CSS 和 jQuery sohtanaka.com/web-design/mega-drop-downs-w-css-jquery 。我的页面包含由第三方供应商插入的prototype.js 脚本(这是一个加载特性搜索和潜在客户管理内容的房地产网站)。它在标签之前最后加载。我的菜单脚本和 jQuery 调用加载在标签顶部。下面我添加了 2 个链接。我注释掉了对prototype.js 的调用的第一个链接，并且菜单工作正常。第二个链接调用了prototype.js，但下拉菜单不起作用。

1. 工作下拉列表:http://www.myreoforeclosures.com/_menutestfromcode.html (prototype.js 已注释掉)

2. 下拉菜单不起作用:http://www.myreoforeclosures.com/_menutestfromcode2.html (使用prototype.js工作)

我已经尝试了 jQuery 网站上建议的 jQuery noConflict() 解决方案的许多变体，但在我的一生中，我无法解决冲突。我已将上面的链接简化为 CSS 和 HTML 的基础知识来测试下拉菜单。

请注意，我正在攀登 Web 2.0/CSS/jQuery 的陡峭学习曲线，因为这是我第一次尝试使用这些工具设计网站(与之前基于表格的网站相比)。

任何使 jQuery 和原型(prototype)协同工作的帮助将不胜感激。我只能控制 jQuery 脚本，因此任何解决方案都必须对 jQuery 进行。我对prototype.js没有任何控制权。

Answer 1

我怀疑 jQuery.noConflict() 不起作用的原因是菜单代码继续使用 $ 来引用 jQuery 功能。 noConflict() 所做的只是解除 $ 全局名称与 jQuery 的绑定(bind)。

如果您有任何代码期望 $ 表示“jQuery”，则必须将其更改为使用 jQuery 。否则，它会获取原型(prototype) $ 这当然是一个非常不同的东西。

编辑 - 好吧，我终于加载了您的页面(我认为我的网络有问题)，所以我看到您非常一致地使用“$j”。因此，我不认为菜单代码中的 $ 问题是一个问题，但我会在这里留下评论，因为 noConflict() 仍然是真的。魔法。

再次编辑 - 我会接受 Patrick 的建议，尝试 Prototype 1.4.2。