应用程序的基础,关闭点击关闭画布

时间:2016-09-07 14:34:56

标签: javascript angularjs zurb-foundation

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

1 个答案:

答案 0 :(得分:1)

你必须添加&#34; zf-close-all&#34;属性为body标签。

<body zf-close-all>