我正在使用 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();
}
感谢任何帮助。
最佳答案
您对 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.
);
关于javascript - Jquery悬停并隐藏另一个div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34131811/