css - 在 iPhone 菜单外点击时强制导航菜单缩回

Question

查看菜单 http://beta.jigsaw.org/ .我找不到在 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 ( http://api.jquerymobile.com/tap/ )，但无法让它以相同的方式工作。

Answer 1

因为我假设您想在单击某个元素时隐藏菜单，所以我会做一些简单的事情

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

您可能还想检查菜单是否事先显示。