jQuery click альтернатива для мобильных устройств

Question

Я использую jQuery click событие для переключения моей навигационной панели. Код, я использую что-то вроде этого:

$('.nav-button').on('click', function() { 

    $('.navigation, .nav-button').toggleClass('show-nav'); 

}); 

Где .nav-button является div. Все в порядке в Android-версии Chrome, но Firefox Android ничего не делает при касании <div class="nav-button"></div>

Есть ли какое-либо решение для jQuery click для сенсорных устройств?

Answer 1

Какой тип jQuery вы используете? Я рекомендую использовать библиотеку jQuery Mobile. Его почти то же самое, что и jQuery. У них есть события, характерные для сенсорных устройств в jQuery Mobile.

например

$("p").on("tap",function(){ 
 
    $(this).hide(); 
 
});

$("p").on("taphold",function(){ 
 
    $(this).hide(); 
 
});

$("p").on("swipeleft",function(){ 
 
    alert("You swiped left!"); 
 
});

Answer 2

я нашел другую нить на эту тему на StackOverflow: jQuery click event not working in mobile browsers

Как мой предыдущий оратор упомянул, вы можете попробовать его с JQuery Mobile. Существует что-то похож на обработчик событий нажмите который называется vclick в JQuery Mobile:

Вот небольшой пример того, как это выглядит:

$(document).ready(function(){ 
    $('.nav-button').vclick(function() { 
     $('.navigation, .nav-button').toggleClass('show-nav'); 
    }); 
}); 

Answer 3

Используйте это вместо:

$('.nav-button').on('click touchstart', function() { 

    $('.navigation, .nav-button').toggleClass('show-nav'); 

});