在iPad,iPhone等上使用jQuery superfish菜单/悬停

时间:2011-07-05 08:33:56

标签: jquery mobile hover superfish

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

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

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

当涉及到jQuery时,我不是专业人士,所以如果有人能帮我解决我需要改变的东西以使这些东西有效,我将不胜感激。

1 个答案:

答案 0 :(得分:5)

试试这个

//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();
    });
}

只需将此文件添加到document.ready中即可 希望它会有所帮助..