如何在Web页面上实现WOW Slider时解决jQuery冲突

我在http://integritywoodcrafts.c​​om/上有一个网站

有一个WOW Slider Style表以及为WOW Slider提供jQuery engine的jQuery engine 。

我的网站有一个鼠标hover菜单，只要WOW Slider样式表和jQuery引擎不存在就可以使用 – 请参阅除主页之外的站点中的任何页面。

然而，在主页上，当存在WOW Slider样式表和jQuery引擎时，鼠标hover菜单不起作用。

我已经将问题缩小到jQuery引擎，导致鼠标hover菜单无法正常工作。

有谁知道可能导致问题的原因以及我如何纠正它？

谢谢。

Answer 1

它几乎肯定是原型和jQuery冲突。

要解决它，请使用jQuery noConfict() （ docs ）

你的wowslider在这里被调用，它已经在使用jQuery而不是$ ，所以只需要放置$.noConflict(); 在您引用其他库和jQuery脚本引用之后应该解决问题，假设wow滑块是页面上唯一使用jQuery的东西

至于z-index问题，把它放在某个地方：

 #nav {z-index: 100;} #wowslider-container2 {z-index: 1;} .ws-title {z-index: 1;} 

应该100％工作