0

我有一个 Divshot 项目设置来使用 Zurb Foundation 框架。它似乎使用的是 Foundation 5.02 版。尽管选项卡是 5.02 的有效组件（已删除部分），但它们不会显示在 Divshot 右侧的组件库中（尽管部分仍然可用）。

我能够从 Foundation 文档（垂直选项卡）中复制一个基本选项卡示例

<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>

此代码从外观角度生成适当的选项卡，但是，它们实际上不起作用。Divshot 的左上角显示，当我单击每个选项卡时，具有不同 ID 选择器的元素处于活动状态，但是选项卡内容没有适当更改。

Foundation 5的选项卡功能是否损坏或根本不包含在 Divshot 中？

4

1 回答 1

0

我相信默认情况下不支持所有需要Javascript的组件。我才刚刚开始使用 Divshot，所以我不知道是否有办法启用它们。

或者，您可以从 Divshot 导出您的项目，然后按照 Foundation 文档中提供的说明添加javascript。

于 2014-03-03T16:56:44.620 回答