作为标题说明,我编写了适用于移动平台的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/

10-12 14:11