javascript - Foundation 6 Reveal Modal Tiny 不起作用

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>

对于 JavaScript：

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

我的问题是，为什么显示模态总是显示为大？类tiny不工作，但full确实。我不知道为什么它不起作用。这是我的小提琴。

Answer 1

那是因为你没有在你的页面上初始化 Foundation 来初始化基础类

$(document).foundation();

演示

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

文件