简单的移动jQuery下拉菜单无法在移动设备上运行

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了简单的移动jQuery下拉菜单无法在移动设备上运行相关的知识,希望对你有一定的参考价值。

我的问题是,当我的手机上按下按钮时,它什么也没做。当以相同的分辨率点击PC时,它没有问题。我不知道该怎么做,我还没有看到其他地方的修复。

这是它使用的网站,因此您可以直接看到问题:http://www.briansamu.com

// This the jQuery

    $(document).ready(function() {

    $(".burger-nav").on("click", function() {

        $("header nav ul").toggleClass("open");
        // The open class sets the height of the UL to: height: auto;

    });
});

谢谢你提前。

答案

手机的点击功能与浏览器不同。要解决这些问题,请使用Hammer Js来帮助处理所有移动点击。

另一答案

这个问题是iphone还是ipad?如果是这种情况尝试按钮而不是<a>标签

以上是关于简单的移动jQuery下拉菜单无法在移动设备上运行的主要内容,如果未能解决你的问题,请参考以下文章

简单的移动 jQuery 下拉菜单在移动设备上不起作用

css / jquery中的移动(触摸)设备友好下拉菜单

在移动设备和桌面设备之间切换悬停在下拉菜单上

jQuery slideUp 无法在移动设备上运行

移动设备上的 Sharepoint 2010 下拉菜单

jQuery toggleClass 在移动设备上无法正常工作