jQuery +フルページ+モバイルメニュー閉じる=受動的なイベントリスナー内のデフォルトなし

Question

私はモバイルナビゲーションメニューを閉じることができない問題に遭遇しました。

私はフロントエンドにjQuery Full Pageを使用しています。 jQueryのコードで

<nav class="menu col-xs-4 pull-right"> 
    <a href="#"> 
    <span>Menu</span> 
    <button> 
     <span>toggle menu</span> 
    </button> 
    </a> 
</nav> 

：をクリックしたとき、私の携帯のメニューが表示されます

$('nav, .mobile-menu--close').click(function(e){ 
    $('body').toggleClass('menu-open'); 
}); 

しかし、それは.mobileメニューを閉じるには何もしない - 近く

<a href="#" class="mobile-menu--close"> 
    <span>Close</span> 
    <span class="mobile-menu--close-x"></span> 
</a> 

ことがありますメインの外側にある脇の要素の内側

...   
    <div class="background-image landing-mantas col-xs-8 pull-right"> 
     </div> 
     </div> 
    </div> 
    </main> 
    <aside class="mobile-menu"> 
    <ul> 
     <li> 
     <a href="#">Homepage</a> 
     </li> 
     <li>... 

モバイルオープンクラスでは、X 100％を変換し、aside.mobile-menuをX100％から0％に持ち込みます。だから、基本的にはポジションでこれらを入れ替える。

私はタッチアクションを無効にして回答を読んだ：なしなど。何も助けてくれないようです。ウェブの

詳しいプレビューがhere

を見つけることができ、これはとてもポイントを得るために応答ビューで表示してくださいWOPであることに留意してください。しかし、それはトリックを行う必要があります。

Answer 1

このスタイルを削除し、私はあなたが提供されるリンクから見ることができるように

.mobile-menu { 
     z-index: -1; 
    } 

Answer 2

を試してみてください。メニューオープンが適用されている場合、ナビゲーションはクリックできないので、コンテンツのZ-インデックス（コンテンツクラス内にあると仮定している）よりも高く設定する必要があります。 -

.menu-open{ 
z-index: 1111; 
} 
.content{ 
z-index: 1000; 
}