标签不起作用

Question

我似乎无法找到工作标签。我复制并粘贴了Foundation文档中的代码，并且选项卡显示正确，但单击它们时内容不会更改。它只显示第一个选项卡的内容。

This is the page I am working on.

如果有必要知道，我正在研究Reverie的儿童主题。

编辑：这是我正在使用的Foundation Tabs页面中的代码：

<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

您拥有的基础文件是©2013，以及200多行。目前的Foundation 5文件是©2014和163行。也许有版本问题？尝试使用最新的F5 js文件更新文件，看看是否有帮助。

在搜索“示例”的来源时，没有提到实际的“制表符垂直”lass和制表符容器......它已被删除了吗？在没有实际代码的情况下测试页面很难......

此处显示的代码在语法上是正确的，因此错误必须位于某个地方/某种方式的JS文件中。

单击源中的此链接（第312行）以查看©2013 Zurb文件。 另外..你正在调用两个文件，所以这也可能是问题......