基金会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> 

为JavaScript：

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

我的问题是，为什么总是显示模式显示为大？类tiny不起作用，但full。我不知道为什么它不起作用。这是我的fiddle。

Answer 1

那是因为你没有如果你从他们的官方网站上下载完整的包在页面上初始化基金会初始化基础类

$(document).foundation(); 

DEMO

，你就会有应用。 js只有这一行。

documentation