Javascript 单击/触发时关闭响应菜单
当您单击/触摸菜单外部时,我已设法使菜单关闭,但当单击链接(在该菜单内)时,我如何阻止菜单关闭 以下是我的javascript:Javascript 单击/触发时关闭响应菜单,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,当您单击/触摸菜单外部时,我已设法使菜单关闭,但当单击链接(在该菜单内)时,我如何阻止菜单关闭 以下是我的javascript: jQuery(document).click(function (event) { var clickover = jQuery(event.target); var _opened = jQuery(".navbar-collapse").hasClass("in");
jQuery(document).click(function (event) {
var clickover = jQuery(event.target);
var _opened = jQuery(".navbar-collapse").hasClass("in");
if (_opened === true && !clickover.is('.bs-navbar-collapse') && !clickover.hasClass("navbar-toggle")) {
jQuery("button.navbar-toggle").click();
}
});
如果事件源自navbar,则停止事件冒泡
jQuery(document).click(function(event) {
var clickover = jQuery(event.target);
var _opened = jQuery(".navbar-collapse").hasClass("in");
if (_opened === true && !clickover.is('.bs-navbar-collapse') && !clickover.hasClass("navbar-toggle")) {
jQuery("button.navbar-toggle").click();
}
});
jQuery(".dropdown-menu").click(function(e) {
e.stopPropagation();
});
请看,那里的共识是“不,他们不应该”!唯一的问题是,这会使中的下拉菜单不起作用:-(你能发布你的HTML让我看看吗?这只是一个标准的引导菜单,在主导航链接下有一个嵌套的列表/下拉菜单。我想你需要停止为
。下拉菜单元素冒泡。什么都没有发生。下拉链接仍然不能工作/扩展。