javascript - 点击功能在移动设备上无法正常工作

Question

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

谁能帮帮我。 提前致谢。

Answer 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
    }
});