jQuery的：隐藏所有div除了

Question

我使用的是从克里斯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上，如果我跟随在弹出菜单中链接，然后我点击后退按钮，即使在点击另一个项目后，弹出菜单仍然可见。我假设我需要告诉诸如“当用户悬停在物品上时，隐藏除该物品的孩子之外的所有飞出菜单”。

这听起来没错吗？我该怎么做？

谢谢。

Answer 1

这是一个非常普遍的问题。有多种解决方案。 例如：你可以使用一个标志。

这里阅读：

http://www.hnldesign.nl/work/code/mouseover-hover-on-touch-devices-using-jquery/

这里：

http://www.prowebdesign.ro/how-to-deal-with-hover-on-touch-screen-devices/