Apps for Foundation，关闭画布，单击关闭

Question

我正在使用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解决方案来关闭单击“主要”内容的窗口。

Answer 1

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

<body zf-close-all>

Apps for Foundation，关闭画布，单击关闭

问题描述

1 个解决方案

解决方案1
1 已采纳 2016-09-13 09:20:13

Apps for Foundation，关闭画布，单击关闭

问题描述

1 个解决方案

解决方案1 1 已采纳 2016-09-13 09:20:13

解决方案1
1 已采纳 2016-09-13 09:20:13