组合的JQuery菜单不起作用

Question

作为测试，我正在尝试组合2个JQuery菜单。 “向下滑动框菜单”和“垂直超级菜单”。但“垂直超级菜单”并没有按预期工作。我已经尝试了很多，但我无法让它发挥作用。

在以下网站上，您可以看到我的测试：http://members.upc.nl/b.riem/。

当您将鼠标悬停在列表项“项目”上时，会出现一个子列表。当您将鼠标悬停在“作业板网站”项目上时，应显示第二个菜单（垂直大型菜单），但不会出现。

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

所以，在第一页上，两个菜单之间存在冲突或CSS出现问题，但我无法弄清楚它是什么。

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

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

最诚挚的问候，

Geert De Vylder

Answer 1

我看到你正在使用的jquery.hoverIntent.js插件引发了一个错误。这是来自该库的第＃113行调用jquery on()方法。但是你的jQuery是一个相当旧的版本（1.4.x），它没有定义on()方法。考虑从您正在使用的谷歌cdn升级您的jQuery参考。例如：jQuery 1.8.3的http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js