<分区>
标签 javascript jquery html css
<分区>
这是我在 html 页面上使用的脚本，用于根据用户点击的内容隐藏和显示 div。
<script>
$(document).ready(function(){
$("#solLink").click(function(){
$(".segSlide").hide(),
$(".eduSlide").hide(),
$(".solSlide").show(),
$(".startOver").show();
});
$("#segLink").click(function(){
$(".solSlide").hide(),
$(".eduSlide").hide(),
$(".segSlide").show(),
$(".startOver").show();
});
$("#eduLink").click(function(){
$(".solSlide").hide(),
$(".segSlide").hide(),
$(".eduSlide").show(),
$(".startOver").show();
});
});
</script>
它在我的桌面浏览器上完美运行，但当我在我的 iPhone 上尝试时，它不会隐藏/显示 div。他们总是表现得好像。
最佳答案
您将需要使用 touch events对于移动设备。点击事件被注册到鼠标，而智能手机和平板电脑等移动设备则不会。
按照这些思路尝试一些事情:
$(document).on('click touchstart', function () {
// code here ...
}
有多个触摸事件，所以上面的示例可能不是您需要的确切事件，这里是 W3C list of touch events .
关于javascript - 我的脚本只适用于台式机，不适用于移动设备。你能告诉我为什么吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30174956/
相关文章：
javascript - 服务器上刷新时 Angular 2 路由 404
javascript - 在 Firefox 中阻止 "Would you like to remember this password ?"弹出窗口
javascript - Backbone.View 测试输出与控制台输出不同
javascript - 如何将事件绑定(bind)到模态对话框上的组件？
javascript - Adonis JS v5 关系缺少模型属性
javascript - 如何使用 javascript 或 jquery 运行放置在数组中的函数