Может ли отображаться вкладка Foundation 4 Tab в пределах раскрытия?

У меня много проблем с этим. В основном у меня есть кнопка "Контакты". Кнопка работает отлично, когда вы нажимаете раскрывающееся сообщение, но не отображается раздел "Табы", который я хочу показать.

Я протестировал, чтобы убедиться, что мой Reveal и кнопка написаны правильно, выполнив это: я заменил вкладки разделов простыми

теги и случайные слова. Случайные слова и параграфы отлично отображаются при нажатии на кнопку, однако по каким-то причинам вкладки разделов не отображаются. Я что-то упускаю? Здесь моя разметка для Reveal, включая разделы Tabs:

<div id="second-modal">
 <div data-section="tabs">
 <section>
 <p data-section-title=""><a href="#" target="_blank">Section 1</a></p>
 <div data-section-content="">
 <p>Content of section 1.</p>
 </div>
 </section>

 <section>
 <p data-section-title=""><a href="#" target="_blank">Section 2</a></p>
 <div data-section-content="">
 <p>Content of section 2.</p>
 </div>
 </section>
 </div>
</div>

Я использую основу-4 и использую их пример кода. Это в основном прямая копия и вставка.

1 ответ

Это прямо из документов Фонда...

Похоже, вам нужно инициализировать вкладки, когда модаль открывается.

$('#myModal').on('opened', function () {
 $(this).foundation('section', 'reflow');
});

http://foundation.zurb.com/docs/components/section.html

(Прокрутите до самого низа)

licensed under cc by-sa 3.0 with attribution.