Репликация события mousemove() для планшета и мобильного телефона

Question

Я пытаюсь воссоздать фрагмент кода, который был написан для рабочего стола, так что на mousemove отображается меню.

Это не работает на iPad/mobile, поэтому я пытаюсь преобразовать его в одно и то же событие при нажатии, но как заставить его работать?

Код для рабочего стола:

$(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); } }); 
}); 
    } 

Answer 1

Если была tap события, вы просто могли бы сделать следующие:

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

но поскольку события jQuery touch не распознаются ядром jQuery, вам нужно будет использовать библиотеку, такую ​​как могущественный hammer.js (на):

Просто укажите библиотеку после jquery и перед тем,

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