Question

我试图在Wordpress Genesis中同时显示子菜单项和div。但当我将鼠标悬停在div上时，子菜单会消失。

我使用以下代码，但它不起作用

.sbclass:hover + #nav li:nth-child(3):hover ul, 
#nav li:nth-child(3) ul, 
#nav li:nth-child(3).sfHover ul, 
#nav li:nth-child(3) .submenu {
    visibility:visible !important;
    display:block !important;
}

您可以在此处查看第三个导航菜单项菜单

http://174.120.233.154/~a348/nextmktg/jle/

Answer 1

** 原帖以海报询问如何使用mouseenter / mouseleave解决他的问题，这就是为什么这是对他的CSS问题的回复 **

Welp，你使用jquery，所以最基本的方法如下。还有更漂亮的方法。

$('selector').on('mouseenter', function(){
  $(this).addClass('open');
});
$('selector').on('mouseleave', function(){
  $(this).removeClass('open');
});

更多信息：Combining jquery functions - on() hover/mouseenter/mouseleave
在这里：http://api.jquery.com/on/

CSS更改悬停其他元素无效

1 个答案: