質問編集履歴

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つです。 Myタグに追加 jQuery 9386 questions jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。 Myタグに追加 メニュー 39 questions メニューは、UIにおける仕組みであり、ユーザに機能の表示と実行する手段を与えます。 Myタグに追加