Jquery 悬停意图不起作用
我反复检查我的代码很多次,我在另一个网站上使用了类似的东西。 以下是该网站的链接: 我使用debug进行了检查,但似乎没有冲突,加上正在应用hover类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
谢谢大家! 问题不在于插件,而是你的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}