javascript - ページをリロードするリンクを防止する

Question

レスポンシブ メニューを作成しています: Codepen Demo

リンクをクリックしたときにページがリロードされないようにするには:

$('nav.menu a[href="#"]').click(function () {
  $(this).preventDefault();
});

しかし、これはうまくいかないようです。ボタンをクリックすると、メニューが消えます。

私が間違っていることを誰かが知っていますか？

Answer 1

$('nav.menu a[href="#"]').click(function (e) {
   e.preventDefault();
});

Answer 2

これを試して：

$('.menu a').click(function(e){
   e.preventDefault(); // stop the normal href from reloading the page.
});

コードペンの作業例: http://codepen.io/anon/pen/cynEg

含まれている jquery ライブラリへの参照がありませんでした。また、「enquire」機能は現在エラーをスローしていますが、preventDefault は機能しています。

編集2 番目の関数をコメントアウトしました。