标签不工作答案

【问题标题】：Tabs Not Working标签不工作
【发布时间】：2014-05-19 18:05:01
【问题描述】：

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

如果知道有帮助，我正在研究 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>

【问题讨论】：

你能贴出你正在使用的代码吗？
与 Foundation 标签页上的代码相同。请参阅上面的编辑。
您展示的只是 HTML - 是否有任何 JavaScript 代码可以使用？？
我以为 js 包含在 Foundation 中？
你在你的页面上看到了吗？

标签： javascript wordpress tabs zurb-foundation

【解决方案1】：

在搜索“示例”的来源时，没有提及实际的“选项卡垂直”女孩和选项卡容器......它被删除了吗？没有实际代码的页面很难测试......

此处显示的代码在语法上是正确的，因此错误必须在 JS 文件中的某处/不知何故。

【讨论】：

源代码中的第 312 行链接到 2013 Zurb 文件。此外，第 315 行链接到 2014 版本。您可能与正在加载的两者发生冲突...
看起来 2013 文件来自 Foundation Shortcodes 插件。我尝试禁用插件，但选项卡仍然不起作用。还有其他想法吗？
还有其他人有什么想法吗？我不知道下一步该做什么，我需要标签才能工作。