下拉菜单无法在iPad上使用顶级链接

时间:2014-02-26 17:22:49

标签: jquery ipad drop-down-menu menu cs-cart

所以我有一个客户的网站使用cs-cart。顶部菜单包含一些下拉菜单,此处的顶级项目也是链接本身。

当我点击顶级项目时,下拉列表会显示,但是它也会点击链接并转到该页面,这样就无法点击下拉列表中的项目。

(似乎只发生了前5-6个顶级菜单项......最后3个似乎没问题?..)

除此之外,当我尝试单击下拉菜单项时,它会点击它后面的横幅..所以仍然无法使用它。

我添加了现代化程序并尝试了几个javascript修复程序,但似乎都没有。

任何人都知道我还能做些什么吗?

网站:http://bit.ly/Mu5kbR

谢谢,

2 个答案:

答案 0 :(得分:1)

你试过这个吗?

if ( modernizr.touch ) {
    $('a.drop').click(function(e) {
       var next = $(this).next("div");
       if ( next.not(":visible") ) {
         e.preventDefault();
         next.show();
       }
    });
}

答案 1 :(得分:0)

我的建议是将所有触控设备的下拉操作从悬停更改为点击第一级