基金会6揭示模态微小不起作用

Question

以下是我的html示例代码：

<div class="reveal tiny" id="testingOnly" data-reveal>
    <p>testing reveal</p>
    <button class="button" data-close>Close</button>
</div>
<button class="button" onclick="testingOnly.open();">Content Here</button>

for javascript：

var testingOnly = new Foundation.Reveal($('#testingOnly'));

我的问题是，为什么显示模态始终显示为大？班级tiny无效，full无效。我不知道为什么它不起作用。这是我的fiddle。

Answer 1

那是因为您没有在页面上初始化Foundation以初始化基础类

$(document).foundation();

<强> DEMO

如果您从他们的官方网站下载整个软件包，那么app.js中只包含这一行。

documentation