Как имитировать эффект hover на сенсорных устройствах?

У меня есть веб-страница с анимацией css3 при наведении, и я хотел бы, чтобы она работала на iPad (и любом устройстве с поддержкой сенсорного ввода), когда пользователь касается этих элементов.
Вот мой код:

html:

js:

//arm
$('#arm').hover(function(){
    $(this).removeAttr('style').css('bottom','244px');
    $(this).addClass('hover_effect');

    }, function(){
        $(this).removeClass('hover_effect');
});

//man arm
$('#man').hover(function(){
    $('#man-arm').removeAttr('style');
    $('#man-arm').addClass('hover_effect');

    }, function(){
        $('#man-arm').removeClass('hover_effect');
});

Вы можете видеть, что когда мышь входит в элементы, я удаляю стиль, затем применяю стиль и добавляю css класс 'hover_effect', а когда мышь уходит, я удаляю класс 'hover_effect'.
Как я могу добиться того же на сенсорных устройствах? У события click нет обратного вызова, поэтому я не могу удалить класс 'hover_effect' после щелчка. Я пробовал mousedown и mouseup, но это не сработало. Я искал в stackoverflow и нашел вот это How do I simulate a hover with a touch in touch enabled browsers?, но это не дало никакого эффекта.
Есть идеи?

Спасибо
. Mauro

7
задан Community 23 May 2017 в 12:32
поделиться