jQuery superfish 菜单/悬停在 iPad、iPhone 等

Posted 2023-05-08

【中文标题】jQuery superfish 菜单/悬停在 iPad、iPhone 等

【英文标题】：jQuery superfish menu / hover on iPad, iPhone etc

【发布时间】：2011-09-28 14:56:31

【问题描述】：

我在我正在开发的网站上使用jQuery Superfish 插件。到目前为止工作正常。

问题是：我必须针对 iPad 等移动设备优化网站。 单击菜单项后，只要单击页面上的任何其他链接，菜单就不会自行关闭。

我尝试查看 Superfish code 并将悬停事件更改为 click 事件但没有成功。

在 jQuery 方面我不是专业人士，所以如果有人能帮助我解决我需要更改哪些内容以使这些东西正常工作，我将不胜感激。

【问题讨论】：

我遇到了同样的问题，我刚刚用 jquery 编写了没有 superfish 插件的脚本。我什至不明白超级鱼有什么特别之处。

【参考方案1】：

试试这个

//ipad and iphone fix
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) 
    $("ul.sf-menu").bind('click',function() 
        $('ul.sf-menu').hideSuperfishUl();
    );

只需将此添加到您的文档中即可。 希望它会有所帮助..

【讨论】：

我尝试使用此代码。只有当我点击图像时，菜单才会折叠。当我点击屏幕的其他位置和下拉箭头菜单时，它不会折叠。我错了吗？请帮帮我。