e.preventDefault（）を使用しています。

Question

私はそのパネルのリンクをクリックしてオフキャンバスナビゲーションパネルを閉じようとしています。ハンバーガーボタンでパネルを開閉することができ、ページのどこかをクリックすると閉じます。

参照してください：http://whyyouthinking.com/xindex.html#what

私はそれが働いていたポイントに得たが、ハンバーガーは再び動作するように二回クリックする必要がありました。私はそのラウンド持って

$(document).ready(function() { 
    "use strict"; 
    $('.panel ul li a').on("click", function() { 
    $('.menu-link').removeClass("active"); 
    $('.panel').animate({left: '-=250'}); 
    }); 
}); 

：

$(document).ready(function() { 
    "use strict"; 
    $('.panel ul li a').on("click", function() { 
     $('.menu-link').removeClass("active"); 
     $('.panel').animate({left: '-=250'}); 
    }); 
    $('.panel ul li a').on('click', function(e) { 
     e.preventDefault(); 
     $('.menu-link').click();   
    }); 
    }); 

今、私はe.preventDefault（）問題を抱えています。また、パネル内のリンクをクリックすると、「スクロール」機能が停止します。 .menu-linkをターゲットにする方法はありますか？

Answer 1

ここでもスクロールして "#menu"セレクタに登録していますので、ユーザーがパネルリストのアンカータグをクリックしたときに、ターゲットオフセットへのスクロールと#menuターゲットオフセットが$（ 'リンク '）。クリック（）;

ページスクロールアニメーションを#menuセレクタに制限します。 ＃メニューセレクタの条件付きチェックが追加されました：if(target.selector != "#menu" && target.length)。

/*Scroll to function*/ 
$(function() { 
    "use strict"; 
    $('a[href*="#"]:not([href="#"])').click(function() { 
     if (location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '') && location.hostname === this.hostname) { 
      var target = $(this.hash); 
      target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); 
      if (target.selector != "#menu" && target.length) { 
       $('html, body').animate({ 
        scrollTop: target.offset().top - 60 
       }, 1000); 
       return false; 
      } 
     } 
    }); 
}); 

あなたは#menuセレクタのためのイベントの登録を解除する場合には、このチェック、いいだろう：あなたは間違ってそれをやっている$('a[href*="#"]:not([href="#"]):not([href="#menu"])').click(function(e) {...}