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

【问题标题】：Click Functionality doesn't work properly in mobile devices点击功能在移动设备中无法正常工作
【发布时间】：2017-01-16 08:32:06
【问题描述】：

我们在移动设备上的 shopify 网站中遇到问题。单击一个类别时，它会打开并下拉子菜单项。但它不会在单击返回时关闭。只有当我们点击另一个类别菜单时它才会关闭。

有人可以帮忙吗？提前致谢。

【问题讨论】：

你有什么例子吗？也许我们可以在某个地方看到该网站的运行情况？ 快速建议：您可以尝试在单击“返回”时手动关闭菜单。
这里是网站：www.animalcollectibles.com。它是主页上的侧边栏菜单（类别菜单）。悬停功能在台式机中运行良好。但在移动设备上，单击功能在打开/关闭类别项目时显示不一致。谢谢。

标签： javascript android jquery css shopify

【解决方案1】：

最好显示您正在尝试的代码。

主要问题是 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。它是主页上的侧边栏菜单（类别菜单）。悬停功能在台式机中运行良好。但在移动设备上，单击功能在打开/关闭类别项目时显示不一致。可能是什么原因以及如何解决？谢谢。