我正在使用 jQuery hoverIntent.js 脚本来构建大型下拉菜单系统,其灵感来自于 Son Tonaka 的大型下拉菜单 w/CSS 和 jQuery sohtanaka.com/web-design/mega-drop-downs-w-css-jquery。我的页面包含由第三方供应商插入的prototype.js 脚本(这是一个加载房产搜索和潜在客户管理内容的房地产网站)。它在标签之前最后加载。我的菜单脚本和 jQuery 调用加载在标签顶部。下面我添加了 2 个链接。我注释掉了对prototype.js 的调用的第一个链接,并且菜单工作正常。第二个链接调用了prototype.js,但下拉菜单不起作用。
工作下拉菜单:http://www.myreoforeclosures.com/_menutestfromcode.html http://www.myreoforeclosures.com/_menutestfromcode.html(prototype.js 注释掉)
不工作下拉:http://www.myreoforeclosures.com/_menutestfromcode2.html http://www.myreoforeclosures.com/_menutestfromcode2.html(使用prototype.js工作)
我已经尝试了 jQuery 网站上建议的 jQuery noConflict() 解决方案的许多变体,但在我的一生中,我无法解决冲突。我已将上面的链接简化为 CSS 和 HTML 的基础知识来测试下拉菜单。
请注意,我正在攀爬 Web 2.0/CSS/jQuery 的陡峭学习曲线,因为这是我第一次尝试使用这些工具设计网站(与之前基于表格的网站相比)。
任何使 jQuery 和原型协同工作的帮助将不胜感激。我只能控制 jQuery 脚本,因此任何解决方案都必须对 jQuery 进行。我对prototype.js没有任何控制权。
我怀疑原因是jQuery.noConflict()
不起作用的是菜单代码继续使用$
参考 jQuery 功能。所有这些noConflict()
所做的就是解除绑定$
全局名称来自jQuery
.
如果您有任何期望的代码$
表示“jQuery”,那么必须将其更改为使用jQuery
反而。否则,它将拾取原型$
这当然是完全不同的事情。
edit— 好吧,我终于加载了您的页面(我认为我的网络有问题),所以我看到您非常一致地使用“$j”。因此我不认为$
菜单代码中的问题是一个问题,但我会在这里留下评论,因为这仍然是事实noConflict()
不是魔法。
再次编辑— 我会同意 Patrick 的建议,尝试 Prototype 1.4.2。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)