Foundation for Apps，关闭画布，点击关闭答案

【问题标题】：Foundation for Apps, off canvas close on click offFoundation for Apps，关闭画布，点击关闭
【发布时间】：2016-09-13 17:20:13
【问题描述】：

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

这是一个非常简单的设置：

<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>

应该这样做，但是点击主要内容（不是链接）上的任何地方都不会像他们的示例文档那样关闭画布：

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

我正在寻找解决此问题的方法，甚至是破解 JS 解决方案，以在单击“主要”内容时关闭窗口。

【问题讨论】：

标签： javascript angularjs zurb-foundation

【解决方案1】：

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

<body zf-close-all>

【讨论】：

谢谢，这就行了。我很惊讶文档中没有对此进行更多介绍，我很确定它在他们的常规（非应用程序）文档中。
不客气。 F6 应用程序文档有点不完整，不像 F6 站点文档那样详尽。