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在模仿移動平臺

回答

相關問題