作为标题说明,我编写了适用于移动平台的html代码,然后通过google chrome测试了可以模拟手机访问网页的代码。代码如下。
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
* {
padding: 0px;
margin: 0px;
}
html,
body {
width: 100%;
height: 100%;
overflow: hidden;
}
body{
background: palegreen;
}
</style>
</head>
<body>
<script src="js/zepto.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/touch.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
$("body").swipeUp(function() {
alert("hello swipeUp");
})
$("body").swipeDown(function() {
alert("hello swipeDown");
})
$("body").tap(function() {
alert("hello tap");
})
</script>
</body>
最后,我发现“ swipeUp”或“ swipeDown”在谷歌浏览器中无效,“ tap”将被触发两次。请帮助我,谢谢。
最佳答案
首先,不要犹豫写出如何测试该问题的方法,因为您告诉它该问题在Google Chrome浏览器中不起作用,但您没有写它在哪些浏览器中不起作用。您越能描述问题,就可以获得更好的答案。您能否描述有关您的问题的更多信息?
您确定“ js / zepto.min.js”可用吗?
(也许这不是最好的主意,但是关于此,您可以使用JS和scroll事件玩更多游戏)
关于jquery - swipeUp或swipeDown在模拟移动平台的谷歌浏览器中无效,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/42478357/