2014-05-09 69 views
1

我試圖重新創建一段已經寫入桌面的代碼,以便在mousemove上顯示菜單。爲平板電腦和手機複製mousemove()事件

這不適用於iPad /手機,所以我試圖將其轉換爲同一事件,但如何使其工作?

代碼桌面:我正在爲手機/平板電腦,這是目前沒有工作

$(function() { 
$("body").mousemove(function() { 
    /* specify the time in milliseconds */ 
    /* 100 = fast fade-in, 1000 = slow fade-in */ 
    $("#fader").fadeIn(500); 
}); 
    } 

代碼:

$("body").on({ 'tap' : function(){ 
    $("#fader").fadeIn(500); } }); 
}); 
    } 
+0

你試過''mousedown''嗎? – Joum

回答

3

如果有一個tap事件,你可以簡單地做如下:

$("body").on('tap', function(){ 
    $("#fader").fadeIn(500); 
}); 

但由於jQuery touch事件不被jQuery核心識別,你將不得不使用像浩浩蕩蕩hammer.js(在GitHub)這樣的庫:

只需在jquery之後並調用您的代碼之前包含庫,並且上面的代碼應該工作。

<script type="text/javascript" src="./jquery.hammer.min.js"></script> 
+1

爲Hammer.js +1了...不知道! – Joum

+0

好的,謝謝,剛剛下載並添加了腳本。請問同一段代碼是否適用於此? – isabelle

+0

不是鼠標移動部分,但你現在可以聽像'tap'等事件 –

相關問題