jQuery点击移动设备替代方案

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

请改用：

var fixmeTop = $('ul.top').offset().top;
$(window).scroll(function() {

--code 
}

Answer 2

你使用的是哪个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 3

我在stackoverflow上找到了关于此主题的另一个主题：jQuery click event not working in mobile browsers

正如我之前的发言者所说，你可以尝试使用jQuery Mobile。 click事件处理程序类似于jQuery Mobile中的vclick：

这是一个小例子：

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