我需要在此处更改什么才能使代码仅在移动设备上运行并在计算机上禁用?
<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/