財団6は、私は次のリンクを持っている

Question

を閉じていません。オフキャンバスはオフキャンバスメニューの外にあるトグルするためのボタンが含まれ

私のヘッダが、それは以下のようになります。

 <header class="fixed close"> 
      <div class="hamburger" data-toggle="sth"> 
       <button type="button"> 
        <span></span> 
        <span></span> 
        <span></span> 
       </button> 
       <span class="menu">Menu</span> 
      </div> 
      <div class="logo"> 
       <h1>Aldemar</h1> 
       <span>productions</span> 
      </div> 
      <span class="mail-icon float-right" data-open="contact-us"> 
      </span> 
     </header> 

私は、オフキャンバスメニューを閉じるには、次のJSを持っています：

$('.hamburger').on('click', function(e){ 
    e.preventDefault(); 
    if($('header').hasClass('close')){ 
     $('header').removeClass('close').addClass('open'); 
     $(this).find('button').toggleClass('open'); 
     $('body').addClass('block-view'); 
    } 
    else { 
     $('.off-canvas').foundation('close'); 
     $('header').removeClass('open').addClass('close'); 
     $(this).find('button').toggleClass('open'); 
     $('body').removeClass('block-view'); 
     $('#sth').foundation('close'); 
    } 
}); 

しかし、これは機能しません：$（ '＃sth'）。foundation（ 'close'）;それは、メニューを閉じてヘッダが戻って左にスライドしているときに、クラスoff-canvas-wrapper-innerとdivはまだクラスis-off-canvas-openとis-open-leftを持っているように見えますメニュー

Answer 1

だから「データトグルは=」STH「を削除した後、」私は次のように私のjsファイルを更新しました：

$('.hamburger').on('click', function(e){ 
    e.preventDefault(); 
    if($('header').hasClass('close')){ 
     $('header').removeClass('close').addClass('open'); 
     $(this).find('button').toggleClass('open'); 
     $('body').addClass('block-view'); 
     $('#sth').foundation('open'); 
    } 
    else { 
     $('.off-canvas').foundation('close'); 
     $('header').removeClass('open').addClass('close'); 
     $(this).find('button').toggleClass('open'); 
     $('body').removeClass('block-view'); 
     $('#sth').foundation('close'); 
    } 
}); 

私は手動で開くように持っていたし、あなたがどのバージョンを使用しているメニューに

Answer 2

を閉じません。 $('header').removeClass('open').addClass('close')の後にこれらのクラスを削除してみてください。

また、ドキュメント（http://foundation.zurb.com/sites/docs/off-canvas.html）ごとにFoundation Off-Canvasクラスを設定することができれば、カスタムイベントを作成してメニューを切り替える必要はありません。