2011-07-05 44 views
4

我在我正在使用的网站上使用jQuery Superfish插件。迄今为止工作良好。jQuery超级鱼菜单/悬停在iPad,iPhone等

问题是:我要优化网站对于喜欢iPad等移动设备
我点击菜单项后,菜单不会关闭自己,只要我点击页面上的任何其他链接。

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

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

+0

你找到什么解决办法吗? –

+0

我有同样的问题,我只写了脚本与jquery没有superfish插件。我甚至不明白超级鱼的特殊之处。 – Neo

回答

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 希望这将有助于..

+0

这工作就像一个魅力! – Catfish

+0

我试过这段代码。只有当我点击图像时,菜单才会崩溃。当我点击屏幕的其他位置和下拉箭头菜单时,它不会折叠。我错了什么吗?请帮帮我。 –