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

Posted 2023-05-09

【中文标题】简单的移动 jQuery 下拉菜单在移动设备上不起作用

【英文标题】：Simple mobile jQuery dropdown menu not working on mobile

【发布时间】：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？

【参考方案1】：

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

【参考方案2】：

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