Foundation 6 Reveal Modal Tiny не работает

Ниже приведен пример кода для 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 работает. Я не знаю, почему это не работает. Вот моя скрипка.


person juntapao    schedule 22.01.2016    source источник


Ответы (1)


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

$(document).foundation();

ДЕМО

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

документация

person GL.awog    schedule 22.01.2016
comment
Спасибо за ответ - person juntapao; 25.01.2016