ユーザーがnavbar要素の外側だけでなく、メニューの外側をクリックしたときにメニューを閉じたいのですが。メニューに折りたたまれているものが多いため、この解決策は機能しませんでした。Bootstrap3のnavbar要素の外側をクリックしたときに、開いている折りたたまれたナビゲーションバーを閉じるにはどうすればよいですか?メニューの外側をクリックするとメニューが消えますが、ドロップダウンのあるリンクをクリックすると、メニュー全体が折りたたまれます。
<div class="collapse navbar-collapse nav-mobile" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="list-group panel">
<a href="#submenu-1" class="list-group-item" data-toggle="collapse" data-parent="#MainMenu">Webshop</a>
<ul class="collapse" id="submenu-1">
<a href="#SubMenu1" class="list-group-item" data-toggle="collapse" data-parent="#SubMenu1">Industriële verpakkingen</a>
<a href="javascript:;" class="list-group-item">Promotionele verpakkingen</a>
<a href="javascript:;" class="list-group-item">Gelamineerde verpakkingen</a>
<a href="javascript:;" class="list-group-item">Enveloppen &verzend verpakkingen</a>
<a href="javascript:;" class="list-group-item">Medische verpakkingen</a>
<a href="javascript:;" class="list-group-item">Co-packing</a>
</ul>
</li>
</ul>
リンクをクリックしない場合は、これを使用して折りたたむことができます:フィドル
$(document).click(function(e) {
if (!$(e.target).is('a')) {
$('.collapse').collapse('hide');
}
});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加