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

【问题标题】：Simple mobile jQuery dropdown menu not working on mobile简单的移动 jQuery 下拉菜单在移动设备上不起作用
【发布时间】：2018-07-11 08:24:59
【问题描述】：

我的问题是，当我按下手机上的栏时，它什么也没做。当以相同的分辨率在 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;

    });
});

谢谢你。

【问题讨论】：

适用于我在 mac 和 android 上。您是否有机会使用 iPhone？

标签： javascript jquery css jquery-mobile

【解决方案1】：

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

【讨论】：

【解决方案2】：

这个问题是 iphone 还是 ipad 的问题？如果是这种情况，请尝试使用按钮而不是 <a> 标记

【讨论】：