Zurb基金会Offcanvas菜单停止切换程序

工作后，我用Zurb基金会5在一个WordPress主题与offcanvas菜单，这是在gerneral工作片，但我已经遇到了一个问题：Zurb基金会Offcanvas菜单停止切换程序

除了汉堡包顶部栏中的图标，我可以在点击固定位置div元素时打开菜单。back-to-menu。为了实现这一点，我使用该方法按照Zurb的文档中所述以编程方式打开offcanvas菜单。虽然这工作正常，但点击div.back-to-menu打开菜单并再次关闭菜单后，我似乎无法通过单击顶部栏中的汉堡包图标来打开菜单更多。

这是打开菜单代码：

jQuery('.back-to-menu').click(function(event) { 
    event.preventDefault(); 
    jQuery('html, body').animate({scrollTop: 0}, duration); 
    setTimeout(function() { 
     $('.off-canvas-wrap').foundation('offcanvas', 'show', 'move-right'); 
    }, duration); 
    return false; 
})

谁能帮助？

来源

2014-09-21 netzc

这似乎是基金会中的一个错误，当我在基础文档页面上执行脚本时发生同样的错误，菜单打开并关闭，但随后中断。

一种解决方法是通过在汉堡图标模拟点击触发offcanvas：

setTimeout(function() { 
    $('.off-canvas-wrap').find('.left-off-canvas-toggle').click(); 
}, duration);

这是不是使用了“官方”的方式整齐，但这是faily万无一失，肯定好过使用后打破你的菜单。

显然已经有在基金会的GitHub和相同的解决方法申请了这一个issue提出了这么长时间，因为它是不固定的。

来源

2014-09-21 16:59:03

这正是我所担心的。不过，你的建议将在我的网站上发挥作用。非常感谢你！ – netzc 2014-09-21 18:08:25

的问题似乎是身体类成为“固定”我修补我的一些简单的CSS

body.fixed { position:static !important}

来源

2015-03-31 09:00:12

Zurb基金会Offcanvas菜单停止切换程序

回答

相关问题