2016-06-13 9 views
0

ここではこの問題についての議論を見ましたが、私にはうまくいきません。これは私のブラウザでうまく動作しますが、電話でテストしてもメニューは展開されません。なんらかの理由で触れても反応しないため、展開しません。どのようにそれを修正するための任意のアイデア?ハンバーガーメニューはモバイルでは展開されません

$('.hamburger').on('click touchstart', function(e) { 
    e.preventDefault(); 
    $('.menu').toggleClass('slide-down'); 

}); 
+0

フルコードを表示することはできますか?あなたの現在のものを妨害したり妨害したりすることがあるかもしれませんか? –

+1

'touchstart'は正しいイベントではありません。 ':/' –

+0

私は希望するものを投稿しました。http://codepen.io/kiddigit/pen/ezZEVb – NJeffries

答えて

1

コードを使用すると、タッチスタートの代わりにタップで動作するように見えます。

$('.hamburger').on('click tap', function(e) { 
    e.preventDefault(); 
    $('.menu').toggleClass('slide-down'); 
}); 

さらに、jQueryだけでなく、jQuery-Mobileも含めてください。

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 
+0

'これは私のブラウザでうまくいきます。 ' - これはOPがjQueryを使うことを保証します。 –

+1

@PraveenKumarこれは、jQueryを使用していることを確認しますが、jQuery Mobileを使用しているわけではありません。タッチイベントに必要と思っています(私は100%確信していません)。 – Cat

+0

はい、正しいかもしれません。 .. ':)' –

関連する問題