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

Question

我的网站位于http://integritywoodcrafts.com/

有一个WOW Slider Style表<link href="/slider/engine2/style.css" rel="stylesheet" type="text/css" />以及为WOW Slider提供动力的jQuery engine。

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

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

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

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

感谢。

Answer 1

几乎可以肯定原型和jQuery冲突。

要解决此问题，请使用jQuery noConfict()（docs）

您的wowslider被称为here，它已经在使用 jQuery 而不是 $ ，所以只需在引用后添加$.noConflict();即可其他库和jQuery脚本引用应该解决问题，假设wow滑块是页面上唯一使用jQuery的东西

至于z-index问题，请将其放在某处：

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

应该100％工作