Foundation for Apps，关闭 canvas 单击关闭

Question

我正在使用 Foundation for Apps，angular 版本，并尝试使用关闭 canvas 菜单。它工作正常，通过设置链接打开和关闭，但是当在主要内容区域中单击它时不会像以前的版本一样关闭它，他们的例子，做。

设置非常简单：

<zf-offcanvas id="menu" position="left">
<a zf-close="" class="close-button">×</a>

</zf-offcanvas>
<a zf-open="menu" class="button">Open Off-canvas</a>

它应该完成，但是点击主要内容（不是链接）的任何地方都不会像他们的示例文档那样关闭 canvas：

http://foundation.zurb.com/apps/docs/#!/off-canvas

我正在寻找此问题的解决方案，或者甚至是破解的 JS 解决方案以在单击 "main" 内容时关闭 window。

Answer 1

您必须将 "zf-close-all" 属性添加到 body 标签。

<body zf-close-all>

Foundation for Apps，关闭 canvas 单击关闭

Foundation for Apps, off canvas close on click off

javascript

zurb-foundation

angularjs