0

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

听起来对吗?我该怎么做?

谢谢。

4

1 回答 1

0

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

在这里阅读:

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/

于 2013-05-30T20:10:56.193 回答