相关疑难解决方法(0)

在我的网络应用程序中,有一个单独的移动设备导航栏.当单击菜单按钮或单击站点中的任何其他位置时,我希望此导航栏折叠.它已经适用于任何移动浏览器,但不适用于Safari移动设备(在Safari中也适用于主页,但不适用于其他页面).在其他页面中,有一些动态生成的html.似乎click事件对这些内容不起作用.我真的很感激这个问题的解决方案.代码如下.我试过'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 Click事件中提到的内容.但是那里提到的代码根本没有触发.我为此尝试过的代码如下.

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');
}

}

我真的很感激我的问题的答案(我正在研究这一天超过一天,但没有找到解决方案).