###前提・実現したいこと
WordPressでサイト作成を行なっております。
Bootstrapを使い、ハンバーガーメニューを作成することには成功しましたが・・・
「メニュー外の部分がクリックされたら閉じる」という機能が実装できません。
以下に現在ソースコードを貼り付けます。
HTML
1<div class = "container"> 2 <a href="/#" class="navbar-brand logo"> 3 <img src="/logo.png" class="img-responsive"> 4 </a> 5 <nav class="navbar navbar-default pull-right"> 6 <div class="navbar-header"> 7 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#gnavi"> 8 <span class="sr-only">メニュー</span> 9 <span class="icon-bar"></span> 10 <span class="icon-bar"></span> 11 <span class="icon-bar"></span> 12 </button> 13 </div> 14 <div id="gnavi" class="collapse navbar-collapse recruit_menu"> 15 <ul class="nav navbar-nav"> 16 <li><a href="/#">TOP</a></li> 17 <li><a href="/#">WORK</a></li> 18 <li><a href="/#">INTERVIEW</a></li> 19 <li><a href="/#">ABOUT</a></li> 20 <li><a href="/#">RECRUIT</a></li> 21 </ul> 22 </div> 23 </nav> 24</div>
JS
1jQuery(document).click(function (event) { 2 var clickover = jQuery(event.target); 3 var _opened = jQuery(".navbar-collapse").hasClass("navbar-collapse in"); 4 if (_opened === true && !clickover.hasClass("navbar-toggle")) { 5 jQuery("button.navbar-toggle").click(); 6 } 7});
アドバイスよろしくお願いいたします。
参考にしたサイト
→http://jsfiddle.net/52VtD/5718/
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。