Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 悬停意图不起作用_Jquery_Hoverintent - Fatal编程技术网

Jquery 悬停意图不起作用

Jquery 悬停意图不起作用,jquery,hoverintent,Jquery,Hoverintent,我反复检查我的代码很多次,我在另一个网站上使用了类似的东西。 以下是该网站的链接: 我使用debug进行了检查,但似乎没有冲突,加上正在应用hover类 谢谢大家! 问题不在于插件,而是你的CSS,你有: ul#main_catnav ul { /*...other styles... */ display: none; } ul#main_catnav li:hover ul { display: block} 因此,当鼠标离开时,:hover不再被应用,它立即被CSS隐藏,而不是Java

我反复检查我的代码很多次,我在另一个网站上使用了类似的东西。 以下是该网站的链接:

我使用debug进行了检查,但似乎没有冲突,加上正在应用hover类


谢谢大家!

问题不在于插件,而是你的CSS,你有:

ul#main_catnav ul { /*...other styles... */ display: none; }
ul#main_catnav li:hover ul { display: block}
因此,当鼠标离开时,
:hover
不再被应用,它立即被CSS隐藏,而不是JavaScript。要使其正常工作,您还需要添加
li.hover
,如下所示:

ul#main_catnav ul { /*...other styles... */ display: none; }
ul#main_catnav li:hover ul, ul#main_catnav li.hover ul { display: block}

这说明元素要么被鼠标悬停,要么拥有类
。hover
,就像你用
hoverIntent
插件给它一样。

非常感谢!我需要做一些微调,但它终于起作用了。
ul#main_catnav ul { /*...other styles... */ display: none; }
ul#main_catnav li:hover ul, ul#main_catnav li.hover ul { display: block}