質問編集履歴

1

退会済みユーザー

退会済みユーザー

2018/04/17 16:15  投稿

トグル 領域外 閉じる
```<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
(function($) {
   $(function() {
       var $header = $('#top-head');
       // Nav Fixed
       $(window).scroll(function() {
           if ($(window).scrollTop() > 350) {
               $header.addClass('fixed');
           } else {
               $header.removeClass('fixed');
           }
       });
       // Nav Toggle Button
       $('#nav-toggle').click(function(){
           $header.toggleClass('open');
       });
   });
})(jQuery);
</script>
   
</head>
   
<header id="top-head">
   <div class="inner">
       <div id="mobile-head">
           <h1 class="logo"><a href="index.html"><img src="images/logo.png" width="150px" alt="#"></a></h1>
           <div id="nav-toggle">
               <div>
                   <span></span>
                   <span></span>
                   <span></span>
               </div>
           </div>
       </div>
       <nav id="global-nav">
           <ul>
               <li><a href="#">#</a></li>
               <li><a href="#">#</a></li>
               <li><a href="#">#</a></li>
       <li><a href="#">#</a></li>
          </ul>
       </nav>
   </div>
</header>
コード
```
こんにちは。
ハンバーガーメニューを挿入しました。
メニュー領域外をタップした時に、
メニューを閉じさせたいです。
```ここに言語を入力
$('#menu').click(function() { event.stopPropagation(); });
```
こちらを挿入したのですが、閉じませんでした。
```ここに言語を入力
#menu
```の部分に、
全てのIDを試してみたのですが、ダメでした・・・
他のサイトでは、
stopPropagationを容易に使うのも、
あまり良くないとかいてありました。
この場合、何が最善でしょうか?
Java や JQeryがとても苦手なので、苦戦しております。
JavaScript や JQueryがとても苦手なので、苦戦しております。
お力添えお願いします!!!
  • CSS

    9274 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • jQuery

    9386 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

  • メニュー

    39 questions

    メニューは、UIにおける仕組みであり、ユーザに機能の表示と実行する手段を与えます。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る