我正在使用 Chris Coyer 的一些代码来制作弹出式菜单:
$(function(){
$(".mega-menu li").hover(function(){
$(this).addClass("hover"); // Add a .hover class to this item.
$(".mega-menu li").not(this).removeClass("hover"); // Remove the hover class from all others.
$('div:first',this).css('visibility', 'visible'); // Reveal the currently hovered item's flyout menu.
}, function(){
$(this).removeClass("hover");
$('div:first',this).css('visibility', 'hidden'); // Hide the currently hovered item's flyout menu.
});
});
我注意到,在 iPad 上,如果我点击弹出菜单中的链接,然后点击后退按钮,即使单击另一个项目,该弹出菜单仍然可见。我假设我需要告诉类似“当用户将鼠标悬停在某个项目上时,隐藏除该项目的子项之外的所有飞出菜单”。
听起来对吗?我该怎么做?
谢谢。