点击功能在移动设备中无法正常工作

问题描述：

我们在移动设备的shopify网站中遇到问题。在点击一个类别时，它会打开并且子菜单项下降。但它不会在点击后关闭。只有当我们点击另一个类别菜单时，它才会关闭。点击功能在移动设备中无法正常工作

任何人都可以在这里帮忙。在此先感谢。

你有任何的例子吗？也许我们可以在某个地方看到该网站的行动？ *快速建议：*点击'后退'时，您可以尝试用JavaScript手动关闭菜单。 – Ramon

这里是网站：www.animalcollectibles.com。它的主页上的侧边栏菜单（分类菜单）。悬停功能在桌面上工作得很好。但是在移动设备上，打开/关闭类别项目时，单击功能会显示不一致。谢谢。 – user3760959

答

它更好地显示您正在尝试的代码。

主要问题是OnClick事件不会在移动设备上注册，因为您没有点击任何您通常点击菜单上的内容。所以如果你添加移动事件会更好。就像你可以使用touchstart事件，如代码下面给出

$(document).ready(function() { 
    $('ul li').on('click touchstart', function() { 

    // Show Menu Item 

    }); 
});

另一个替代选项

您也可以检测触摸的设备和操作的东西 -

$(document).ready(function() {  
    /* Detect Mobile Device As Below */ 
    if(is_touch_device()) { 
     // Code Here to handle for Mobile 
    } 
});

这里是网站：www.animalcollectibles.com。它的主页上的侧边栏菜单（分类菜单）。悬停功能在桌面上工作得很好。但是在移动设备上，打开/关闭类别项目时，单击功能会显示不一致。可能是什么原因以及如何解决？谢谢。 – user3760959

您是否像上面的代码中一样尝试了'touchstart'事件 –

点击功能在移动设备中无法正常工作

相关推荐