标签不工作

Question

我似乎无法获得标签工作。我复制并粘贴了Foundation文档中的代码，并且标签正确显示，但点击它们时内容不会改变。它只显示第一个标签的内容。

This is the page I am working on.

如果它有助于了解，我正在遐想的子主题。

编辑：下面是来自基金会的标签页，我使用的代码：

<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文件更新文件，看看是否有帮助。

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

您的代码显示在这里是语法上正确的，所以错误必须在某处/某处的JS文件。

单击源中的此链接（第312行）即可查看0123urb2013 Zurb文件。 另外..你调用两个文件所以这可能是太问题...