对于某些 HTML 内容，点击事件在 Safari Mobile 中不起作用

在我的网络应用程序中，有一个针对移动设备的单独的导航栏。我希望当单击菜单按钮或单击网站中的其他任何位置时，此导航栏会折叠。它已经可以在任何移动浏览器中工作，但不能在 safari 移动浏览器中工作（在 safari 中，对于主页它也可以工作，但不能在其他页面中工作）。在其他页面中，有一些动态生成的html。看来点击事件不适用于这些内容。我真的很感激这个问题的解决方案。代码如下。我尝试过“body”、$(document)、window 而不是$('html')。对他们来说也不是这样。

$('html').click(function(event) {
            var clickover = $(event.target);
var $navbar = $(".navbar-collapse");               
var _opened = $navbar.hasClass("in");
if (_opened === true && !clickover.hasClass("navbar-toggle")) {      
    $navbar.collapse('hide');
}
        });

我也尝试过中提到的修复 iPad 的 jQuery 点击事件。但那里提到的代码根本不会触发。我为此尝试过的代码如下。

var ua = navigator.userAgent,
event = (ua.match(/iPad/i)) ? "touchstart" : "click";

$('body').bind(event, function(e) {
            var clickover = $(event.target);
var $navbar = $(".navbar-collapse");               
var _opened = $navbar.hasClass("in");
if (_opened === true && !clickover.hasClass("navbar-toggle")) {      
    $navbar.collapse('hide');
}

}

我真的很感激我的问题的答案（我为此工作了一天多，但没有找到解决方案）。

无论如何，我终于找到了解决方案。原因是，iPhone Safari 不支持事件委托。我最初的要求是在单击 HTML 正文时触发单击事件。不管怎样，这个问题只发生在 Safari 移动设备上，我发现的原因是 Safari 不支持点击事件的事件委托。我通过在主体 CSS 中添加以下代码解决了这个问题。

cursor: pointer;

我得到答案的资源是，iPhone 上的单击事件委托

and

jQuery 单击事件在 iOS 中不起作用：答案

Dohab，也谢谢你的回答。