基金會6折，帆布不打烊

我有以下鏈接：http://www.alessandrosantese.com/test/aldemair-productions/基金會6折，帆布不打烊

當你點擊中間跳過按鈕，您將得到whic有一個基金會6折執行帆布下一張幻燈片。

我的標題包括按鈕，切換關閉畫布是關閉的帆布菜單之外，它看起來就像是：

 <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關閉關閉帆布菜單：（'＃sth'）。foundation（'close'）;這是行不通的。它不會關閉菜單

來源

2016-05-16 Alex

什麼版本您使用的關閉？它看起來像缺少應該是「某事」的元素ID屬性。 – colecmc

id屬性應該去哪裏？版本6根據標題 – Alex

Id'＃sth'屬於元素，用戶將點擊以關閉您的畫布外 – colecmc

因此，移除「數據切換=」某物「」我已經更新了我的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'); 
    } 
});

我不得不手動打開和菜單

來源

2016-05-17 08:56:07 Alex

它看起來像div與類off-canvas-wrapper-inner仍具有類is-off-canvas-open和is-open-left當菜單被關閉，頭部滑回左側。嘗試在$('header').removeClass('open').addClass('close')後刪除這些類。

或者，如果可以爲每個文檔（http://foundation.zurb.com/sites/docs/off-canvas.html）設置基礎外畫布類，則不需要編寫自定義事件來切換菜單。

來源

2016-05-16 20:30:12

這似乎不起作用：$（'。is-off-canvas-open' ）.removeClass（「是關閉帆布開」）; – Alex

基金會6折，帆布不打烊

回答

相關問題