平板电脑和移动设备复制mousemove()事件

时间:2014-05-09 09:19:02

标签: javascript jquery mobile tablet

我正在尝试重新创建一段为桌面编写的代码,以便在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);  } });
});
    }

1 个答案:

答案 0 :(得分:3)

如果发生tap事件,您只需执行以下操作:

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

但由于jQuery核心无法识别jQuery触摸事件,因此您必须使用类似强大的hammer.js(在GitHub上)的库:

只需在jquery之后和调用代码之前包含库,上面的代码就可以了。

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