基金会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折，帆布不打烊

回答

相关问题