swipeUp 或 swipeDown 在模拟移动平台的谷歌浏览器中无效答案

【问题标题】：swipeUp or swipeDown is not valid in google chrome which emulates mobile platformswipeUp 或 swipeDown 在模拟移动平台的谷歌浏览器中无效
【发布时间】：2017-07-17 15:07:09
【问题描述】：

作为标题描述，我编写了适用于移动平台的html代码，然后通过谷歌浏览器测试代码，可以模拟手机访问网页。代码如下。

<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”会被触发两次。请帮助我，谢谢。

【问题讨论】：

标签： jquery html css touch zepto

【解决方案1】：

首先，不要犹豫，写下你是如何测试这个问题的，因为你告诉它在谷歌浏览器中不起作用，但你没有写它在哪些浏览器中不起作用。你对问题的描述越好，你就能得到更好的答案。能否请您描述有关您的问题的更多信息？

您确定“js/zepto.min.js”可用吗？

（也许这不是最好的主意，但关于这个你可以更多地使用 JS 和滚动事件）

【讨论】：

感谢您的回答。aepto.min.js 类似于 jquery.min.js。我使用 chrome(pc) 打开此 html 并将设备工具栏切换为移动设备。我只测试 google chrome 和想知道为什么它不起作用。
我尝试在我的服务器上使用相同的东西并在移动设备上进行测试，但没有奏效..对不起...当我找到真正的答案时，我会在这里为您发布.. .
我试图找出它为什么会这样，但我发现的唯一一件事是 zepto.js 和 touch.js 应该具有hammer.js 但具有特定版本......版本太高的hammer.js往往会出现问题......我给你的另一个建议是用调试日志更新你的问题......例如mozilla中的firebug，但你在谈论chrome，那么你可以使用开发人员工具：浏览器页面中的“Ctrl+Shift+I”...并尝试找出是否没有发生错误或尝试在点击期间调试您的代码...您可以选择chrome中的移动设备模拟器来做...跨度>