/ / Kann in einem Reveal ein Tab-Abschnitt der Foundation 4 angezeigt werden? - html, css, zurb-foundation

Kann in einem Reveal ein Foundation 4 Tab-Bereich angezeigt werden? - html, css, zurb-foundation

Ich habe viel Mühe dabei. Grundsätzlich habe ich einen "Kontakte" -Button. Der Button funktioniert einwandfrei, wenn du auf die Enthüllung klickst, aber den Tabs-Bereich, der angezeigt werden soll, nicht anzeigt.

Ich habe getestet, um sicherzustellen, dass meine Reveal und Button richtig geschrieben wurden, indem Sie dies tun: Ich ersetzte die Abschnitte Registerkarten mit einfachen

Tags und zufällige Wörter. Die zufälligen Wörter und Absätze werden perfekt angezeigt, wenn Sie auf die Schaltfläche klicken. Die Abschnitte-Register werden jedoch aus irgendeinem Grund nicht angezeigt. Fehle ich etwas? Hier ist mein Markup für die Reveal einschließlich der Abschnitte Tabs:

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

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

Ich benutze foundation-4 und benutze ihren Beispielcode. Es ist im Grunde eine direkte Kopie und einfügen.

Antworten:

2 für die Antwort № 1

Dies ist direkt aus der Foundation-Dokumentation ...

Offensichtlich müssen Sie die Tabs initialisieren, wenn das Modal geöffnet wird.

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

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

(Scrolle ganz nach unten)