【问题标题】: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。它是主页上的侧边栏菜单(类别菜单)。悬停功能在台式机中运行良好。但在移动设备上,单击功能在打开/关闭类别项目时显示不一致。可能是什么原因以及如何解决?谢谢。
猜你喜欢
  • 1970-01-01
  • 2018-04-28
  • 1970-01-01
  • 2021-01-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多