我有一个带有 jquery hoverIntent 的 Wordpress 菜单,其中包含以下代码:
$(document).ready(function(){
$(".menu-item").hoverIntent({
over: function(){
$(this).children('ul').fadeIn(200);
$('.current_page_item, .current_page_ancestor, .current_page_parent').children('ul').hide();
},
out: function(){
$(this).children('ul').fadeOut(200);
$('.current_page_item, .current_page_ancestor, .current_page_parent').children('ul').show();
},
timeout: 200
});
我默认(CSS)显示了活动子菜单(来自当前页面或父页面的子菜单),并且当用户将鼠标悬停在非活动菜单项上时(因为重叠),必须隐藏它们。在鼠标移出时,活动页面中的子菜单应该会返回可见。
一切正常,除了活动菜单的子菜单(默认显示的那个)在鼠标悬停时闪烁。我试图使用 not() 和其他任何东西来排除这些类,但我现在真的被困住了。
谢谢!