swipeUp或swipeDown在模仿移动平台

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

<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” 是不是在谷歌Chrome和“挖掘”就会被触发twice.please帮帮我，谢谢有效。

来源

2017-02-27 heizhishi

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

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

（也许它不是最好的主意，但这个你可以玩JS越来越滚动事件）

来源

2017-02-27 17:04:49

感谢您的answer.aepto.min.js类似于jquery.min.js.i使用铬（电脑）打开这个HTML和切换设备工具栏作为mobile.i只测试谷歌浏览器，并想知道为什么它无法正常工作。 – heizhishi

我试图在我的服务器上使用相同的东西，并在手机上测试，但没有工作..对不起...当我找到真正的答案，然后我会在这里发布它给你... –

我正在试图找到为什么它的行为如此，但我发现的唯一的事情是，zepto.js和touch.js应该有处置hammer.js但具有特定版本...过高版本的hammer.js往往会造成问题...另一个我给你的建议是用调试日志来更新你的问题......例如Mozilla中的萤火虫，但你正在谈论Chrome，那么你可以在浏览器页面中使用开发者工具：“Ctrl + Shift + I”...并尝试找出是否有一些错误没有发生或尝试在窃听过程中尝试调试您的代码...您可以选择chrome中的移动设备模拟器来执行此操作... –

swipeUp或swipeDown在模仿移动平台

回答

相关问题