Данные Zurb Foundation 5 раскрываются в разделе TAG

Я пытаюсь получить рабочее модальное окно в Zurb Foundation 5 в HTML-теге SECTION, я получаю затемненную страницу без окон, просто передача атрибута данных не работает. Это модальное окно прекрасно работает как тег href="#".

Можно ли использовать его в общем теге?

Код тега раздела:

<section class="box" onclick="window.location.href='#'" data-reveal-id="myModal-1">

Коробка:

<div id="myModal-1" class="reveal-modal medium">
  <h1>Header</h1>
  <p>Lorem ipsum</p>
  <a class="close-reveal-modal">&#215;</a>
</div>

javascript html onclick zurb-foundation location-href
person xtomeek    schedule 14.01.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вам не хватает атрибута data-reveal в вашем модальном диалоговом окне div, установив его, он работает нормально.

Для меня работа с элементами раздела тоже без проблем.

Код:

<div id="myModal-1" class="reveal-modal medium" data-reveal>
  <h1>Header</h1>
  <p>Lorem ipsum</p>
  <a class="close-reveal-modal">&#215;</a>
</div>

Демонстрация: http://jsfiddle.net/IrvinDominin/9DAPc/

person Irvin Dominin    schedule 14.01.2014