Css 在iPhone上点击菜单外部时强制导航菜单缩回

请参见第页的菜单。我找不到一种方法让它在iPhone上点击菜单外时自动关闭

在桌面上，可以通过以下方式解决此问题：

var clicked_menu = false;

$(".navbar-collapse").click(function() {
    clicked_menu = true;
});

$("body").click(function() {
    if(!clicked_menu) $(".navbar-collapse").collapse('hide');
    clicked_menu = false;
});

---

我尝试过使用jQuery tap（），但无法以相同的方式使其工作。

因为我假设您希望在单击某个项目时隐藏菜单，我会做如下简单的事情

$(document).on("touchstart click", function() { 
     if ($(window).width() <= 767)
         $(".navbar-collapse").collapse('hide');
});

$（文档）。在（“touchstart”上单击，函数（）{
if（$（window）.width（）多亏了Last1的指导，我找到了一个解决方案

$("body > div:not(.navbar-wrapper)").on("touchstart", function() {
    $(".navbar-collapse").collapse('hide');
});

这段代码有缺陷，但使用touchstart是关键。嗨，Steve，想详细说明你发现了哪些缺陷吗？菜单有时会打开或收回。我无法单击链接，因为菜单将关闭，链接将无法单击。