移动设备的 jQuery click 替代方案答案

【问题标题】：jQuery click alternative for mobile devices移动设备的 jQuery click 替代方案
【发布时间】：2015-11-26 21:21:26
【问题描述】：

我正在使用 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 事件是否有任何解决方案或替代方案？

【问题讨论】：

【解决方案1】：

改用这个：

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

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

});

【讨论】：

【解决方案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!");
});

【讨论】：

【解决方案3】：

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

正如我之前的演讲者所提到的，您可以使用 jQuery Mobile 进行尝试。有一些类似于在 jQuery Mobile 中称为 vclick 的点击事件处理程序：

这是一个小例子：

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

【讨论】：