Foundation 6 Reveal Модальные Крошка не работает

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

Это потому, что вы не инициализировать Foundation на странице для инициализации фундаментных классов

$(document).foundation(); 

DEMO

Если вы загрузите весь пакет с их официального сайта, вы будете иметь приложение. js с этой только одной строкой.

documentation