Javascript 单击外部引导菜单将其关闭
我试图找到解决方案，在单击引导菜单外部（移动窗口大小）时关闭引导菜单，但无法使其工作，我通过以下代码在单击其中一个“a”链接时使其工作：Javascript 单击外部引导菜单将其关闭,javascript,jquery,css,twitter-bootstrap,menu,Javascript,Jquery,Css,Twitter Bootstrap,Menu,我试图找到解决方案，在单击引导菜单外部（移动窗口大小）时关闭引导菜单，但无法使其工作，我通过以下代码在单击其中一个“a”链接时使其工作： // menu buttons collapses when clicking a link $('document').ready(function() { if ($('a').on('click', function() { $('.collapse, #mainContain
// menu buttons collapses when clicking a link
$('document').ready(function()
{
if ($('a').on('click', function()
{
$('.collapse, #mainContainer').removeClass('in');
$('.navbar-toggle').toggleClass('collapsed'); // button
}));
});
（文档）。在（'click'，function（）上{
$（'.collapse'）。collapse（'hide'）；
})
（文档）。在（'click'，function（）上{
$（'.collapse'）。collapse（'hide'）；
})
Remy假设您想在菜单外单击时执行与在菜单内单击时不同的操作（即折叠菜单），则您可能需要这样的操作来确定您是在菜单内还是在菜单外单击：
$('body').click(function(event){
// check if the clicked element is a descendent of navigation
if ($(event.target).closest('.navigation').length) {
return; //do nothing if event target is within the navigation
} else {
// do something if the event target is outside the navigation
// code for collapsing menu here...
}
});
当然，您需要将
.closest（）'.navigation'$('body').click(function(event){
// check if the clicked element is a descendent of navigation
if ($(event.target).closest('.navigation').length) {
return; //do nothing if event target is within the navigation
} else {
// do something if the event target is outside the navigation
// code for collapsing menu here...
}
});
$(document).on('click',function(){
$('.collapse').collapse('hide');
});
.closest（）'.navigation' $(document).on('click',function(){
$('.collapse').collapse('hide');
});
点击外部隐藏引导切换菜单关闭（隐藏）它在哪里查看网站？在哪里查看网站？在那里谢谢雷米，但我已经尝试过了。当我尝试这个并点击时，菜单根本不会出现。谢谢雷米，但我已经尝试过了。当我尝试此操作并单击时，菜单根本不会出现。ryandecker>我尝试了您的代码，并在单击时将其关闭，但仅当我单击导航栏时，问题可能是因为导航栏是index.html，而我在index.html中有一个iframe，它在index.html中打开mainpage.html。html
codecode