javascript - Jquery悬停并隐藏另一个div

Question

我正在使用 superfish 菜单，但遇到了问题。

在 header 中，我有一个 Logo 支架 div，里面有 Logo 徽章 div 和 Logo 名称 div。当用户将鼠标悬停在顶级链接上时，会显示 sf-mega 下拉菜单，并且 .sfHover 类将应用于父级 li。

我的问题是我需要在下拉菜单顶部显示 Logo 徽章，但不是 Logo 名称 div。

我认为不能使用 z-indexes(我试过)所以我想在 .sfHover 类在菜单 li 上处于事件状态时隐藏 Logo 名称 div > 所以我有这段代码，但它没有隐藏它。

if ($('#mainMenu.sf-menu ul li').hover().hasClass('sfHover') == true) {
    $('.logoHolder .kingsworthName').hide();
}

感谢任何帮助。

Answer 1

您对 hover() 的使用情况这里是错误的。它期望处理函数作为参数。你应该像这样使用它:

$('#mainMenu.sf-menu ul li').hover(
   function() {  // when the mouse pointer enters the element.
     if ($(this).hasClass('sfHover')) {
         $('.logoHolder .kingsworthName').hide();
       }
     },
   function () {} // when the mouse pointer leaves the element.
);