javascript - 如何只在移动设备上运行jquery代码?

标签 javascript jquery html css

我需要在此处更改什么才能使代码仅在移动设备上运行并在计算机上禁用?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<ul id="primary-menu">
  <li class="menu-item-has-children">
    <a href="http://example.org">Click me</a>
  </li>
</ul>
</body>
$( document ).ready(function() {  
  $("ul#primary-menu > li.menu-item-has-children > a").one("click", function(e)     {
     e.preventDefault();
});
});

最佳答案

您可以尝试使用navigator对象来检测设备。

Navigator 对象将返回如下所示的内容,然后使用正则表达式来检测设备。

Mozilla/5.0(Windows NT 10.0;Win64;x64)AppleWebKit/537.36(KHTML,如 Gecko)Chrome/78.0.3904.87 Safari/537.36

示例代码。

if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
    $("ul#primary-menu > li.menu-item-has-children > a").one("click", function(e) {
        e.preventDefault();
    });
}

希望这会有所帮助。

关于javascript - 如何只在移动设备上运行jquery代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59620701/

相关文章:

javascript - jquery 搜索表格单元格 -> 更新相邻单元格

javascript - onclick 属性在 json 数据中写入时未绑定(bind)在 html 代码中

php - 按日期选择器范围对表进行排序

javascript - 在 iframe 内单击后获取警报,通过 jQuery 或 javascript

Javascript 回调范围问题

javascript - 显示 DIV 元素之一,具体取决于用户输入值

javascript - 在不可见的 reCaptcha 回调中传递变量

javascript - 如何从 php 检索 bool 值到 javascript 文件

javascript - 如何在 JavaScript 中获取 HTML 元素的水平滚动百分比?

html - 使用下拉菜单中的选项从结果页面下载 CSV 文件