Question

我不确定如何才能确切地解决这个问题，但我知道之前已经完成了。如果您查看my development site here，就会看到问题所在。访问该网站时，将鼠标悬停在顶部导航栏中的“在线商店”上，它将显示一个二级菜单，我通过以下代码为其提供电源...

jQuery('#menu-main > nav > ul > li:first-child').hover( function () {
   jQuery('#navigation').show();
}, 
function () {
   jQuery('#navigation').hide();
});

问题当然是，尝试访问下面的菜单不起作用，因为它会立即消失（当它悬停在其中时）。

有人可以帮我解决这个问题吗？

Answer 1

试试这个，

jQuery('#menu-main > nav > ul > li:first-child,#navigation').hover( function () {
   jQuery('#navigation').show();
}, 
function () {
   jQuery('#navigation').hide();
});

实际上问题是，您必须将target element(the element to be visible)添加到hover event集合中才能满足您的需求。

当悬停结束时，辅助菜单消失

1 个答案: