<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を容易に使うのも、 あまり良くないとかいてありました。 この場合、何が最善でしょうか? JavaScript や JQueryがとても苦手なので、苦戦しております。 お力添えお願いします!!!
タップと書いていますが、端末は何でしょうか?
端末は、スマホなど、画面の小さいものを想定してます!
回答2件
あなたの回答
tips
プレビュー