基础6-画布不关闭
基础6-画布不关闭
提问于 2016-05-16 18:16:37
我有以下链接：http://www.alessandrosantese.com/test/aldemair-productions/
当您单击中间的“跳过”按钮时，您将看到下一张幻灯片，它实现了FOundation 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来关闭离开画布菜单：
$('.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');
}
});但这不起作用：$(‘’某物‘).foundation(’关闭‘)；它不关闭菜单
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-05-17 08:56:07
因此，在删除“data-data=”某事物“之后，我更新了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');
}
});我不得不手动打开并关闭菜单。
Stack Overflow用户
发布于 2016-05-16 20:30:12
看起来，当菜单关闭时，带有类div的off-canvas-wrapper-inner仍然有类is-off-canvas-open和is-open-left，头滑回左边。尝试在$('header').removeClass('open').addClass('close')之后删除这些类。
或者，如果可以根据docs (http://foundation.zurb.com/sites/docs/off-canvas.html)在画布外设置基金会类，则不需要编写自定义事件来切换菜单。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37260558
复制相关文章
相似问题
腾讯云开发者
