Les onglets ne fonctionnent pas

Question

Je n'arrive pas à faire fonctionner les onglets. J'ai copié et collé le code à partir des documents de la Fondation, et les onglets apparaissent correctement, mais le contenu ne change pas lorsque je clique dessus. Il affiche simplement le contenu du premier onglet.

This is the page I am working on.

Si elle permet de savoir, je travaille sur un thème enfant de Reverie.

EDIT: Voici le code de la page des onglets Fondation que j'utilise:

<dl class="tabs vertical" data-tab> 
    <dd class="active"><a href="#panel1a">Tab 1</a></dd> 
    <dd><a href="#panel2a">Tab 2</a></dd> 
    <dd><a href="#panel3a">Tab 3</a></dd> 
    <dd><a href="#panel4a">Tab 4</a></dd> 
</dl> 
<div class="tabs-content vertical"> 
    <div class="content active" id="panel1a"> 
    <p>Panel 1 content goes here.</p> 
    </div> 
    <div class="content" id="panel2a"> 
    <p>Panel 2 content goes here.</p> 
    </div> 
    <div class="content" id="panel3a"> 
    <p>Panel 3 content goes here.</p> 
    </div> 
    <div class="content" id="panel4a"> 
    <p>Panel 4 content goes here.</p> 
    </div> 
</div> 

Answer 1

Le fichier de fondation que vous avez est © 2013, et plus de 200 lignes. Le fichier Foundation 5 actuel est © 2014 et 163 lignes. Peut-être y a-t-il un problème de version? Essayez de mettre à jour le fichier avec le fichier F5 js le plus récent et voyez si cela aide. Dans la recherche de la source de votre "exemple", il n'y a aucune mention de la véritable "tabs-vertical" lass et les conteneurs d'onglets ... at-il été supprimé? Il est difficile de tester une page sans le code ...

Votre code ici est syntaxiquement correct, donc l'erreur doit être dans le fichier JS quelque part/en quelque sorte.

Cliquez sur ce lien (ligne 312) dans la source pour voir le fichier © 2013 Zurb. De plus .. vous appelez deux fichiers si cela peut être le problème aussi ...