2014-02-26 66 views
0

作为一个测试,我试图结合2个JQuery菜单。 “向下滑动菜单”和“垂直超级菜单”。但是“垂直巨型菜单”不能正常工作。我已经尝试了很多,但是我无法完成它的工作。组合的JQuery菜单不起作用

在以下站点上,您可以看到我的测试:http://members.upc.nl/b.riem/

当您将鼠标悬停在列表项目“项目”上时,会出现一个子列表。当您将鼠标悬停在“Job Board Website”项目上时,应出现第二个菜单(Vertical Mega Menu),但不会显示。

在第一页上有另一页的链接。在该页面上,我确实隔离了“项目”下的子菜单。在该页面上,Vertical Mega Menu正在处理页面上仍然存在的所有JQuery和JavaScript引用。

因此,在第一页有两个菜单之间的冲突或CSS的错误,但我无法弄清楚它是什么。

我可以请大家看看它,并告诉我问题可能是什么,以及我如何解决它。

非常感谢您的帮助和建议。

最好的问候,

海尔特德Vylder

+0

检查您的控制台。 'jquery.hoverIntent.js:113'上有一个错误:'Uncaught TypeError:Object# has no method'on'jquery.hoverIntent.js:113'。这发生在onload上,所以它甚至不允许执行其他代码。 – Papa

回答

0

我看到,被抛出的错误从jquery.hoverIntent.js插件,您正在使用。这是来自该库的第113行,它调用jquery on()方法。但是你的jQuery版本比较旧(1.4.x),它没有定义on()方法。考虑从你已经使用的google cdn升级你的jQuery参考。例如:http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js jQuery 1.8.3

+0

嗨Ananthan, 我升级了jQuery参考1.8.3。结果就是没有错误发生。当您将鼠标悬停在项目下的“Job Board Website”链接上时,您会看到Vertical Mega菜单的一部分。但菜单并未完全显示。这就像它被困在div元素中。我无法弄清楚如何解决这个问题。 – Geert1969