0

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

有一个 WOW Slider Style sheet<link href="/slider/engine2/style.css" rel="stylesheet" type="text/css" />和 WOW Slider 的存在jQuery engine

我的站点有一个鼠标悬停菜单,只要 WOW 滑块样式表和 jQuery 引擎不存在,它就可以工作——查看站点中除主页之外的任何页面。

然而,在主页上,当 WOW 滑块样式表和 jQuery 引擎出现时,鼠标悬停菜单不起作用。

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

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

谢谢。

4

1 回答 1

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%

于 2012-12-09T22:22:26.857 回答