Question

我正在使用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上，如果我按照弹出式菜单中的链接，然后按下后退按钮，即使在我点击其他项目后，该弹出菜单仍然可见。我假设我需要说出“当用户将鼠标悬停在某个项目上时，隐藏除该项目的孩子之外的所有飞出菜单。”

这听起来不错吗？我怎么能这样做？

感谢。

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/

jQuery：隐藏除当前悬停项目的子项之外的所有div

1 个答案: