2012-08-07 60 views
1

我无法获取HoverIntent的延迟参数& Superfish的WordPress网站。该网站在这里找到:http://bit.ly/MJ8KT6正在消失在奇妙的,但根本就没有使用此代码鼠标移开时提供延时:HoverIntent&Superfish延迟不起作用

<script type="text/javascript"> 

// initialise plugins 
jQuery(function(){ 
    jQuery('ul#menu-primary-navigation').superfish({ 
    delay:600 
    }); 
}); 

</script> 

我试过设置disableHI:假确保HoverIntent没有任何机会禁用。作为一个WordPress站点我也检查了脚本被正确加载使用wp_enqueue_script,但再次无济于事。该代码在HTML文件中正常工作,因此它必须与WordPress相关。我想知道这是否是我忽略的东西。任何反馈非常感谢。

回答

2

这与WordPress无关,一切与您的CSS定义有关。 (所以它将作为上面的题外话题被关闭)。但是,因为你仍然需要一个答案......

在你的默认样式表,您可以定义包含您的子菜单的列表元素:

.menu ul li ul.sub-menu { 
    position: absolute; 
    left: -9999em; 
    z-index: 9999; 
    width: 200px; 
} 

这推动了菜单完全关闭屏幕,这是罚款。但是你再重写left: -9999em;声明与悬停伪状态:

.menu ul li:hover ul { 
    left: auto; 
} 

即使没有安装快鱼,CSS的这个组合将会使子菜单出现在屏幕上消失,当你将鼠标悬停在主菜单项。不幸的是,这也意味着当您停止悬停时,菜单会立即消失。它仍然被Superfish隐藏......它不再只是在屏幕上。

如果您只是从CSS中删除left: -9999em;声明,则当您将鼠标从屏幕上移开时,菜单将保持可见状态,直到计时器达到设定的延迟时间...然后消失。

+0

嗨@EAMann,非常感谢你。我读过另一篇文章,其中提到这可能是一个CSS问题,我确实看过那个样式,但由于某种原因,它没有分枝。再次感谢 ;) –