Zurb基金会的选项卡功能可以在Divshot中使用吗？

Question

我有一个使用Zurb基础框架的Divshot项目设置。它似乎在使用基金会版本5.02。虽然选项卡是5.02的有效组件(删除了部分)，但在Divshot中右侧的组件库中没有显示它们(而部分仍然可用)。

我能够从基础文档(垂直制片)中复制一个基本选项卡示例

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

此代码从外观角度生成适当的选项卡，但它们实际上并不起作用。Div快照的左上角显示，当我单击每个选项卡时，具有不同ID选择器的元素是活动的，然而，选项卡内容并没有适当地改变。

Foundation5的选项卡功能是坏了还是根本不包括在Divshot中？

Answer 1

我认为所有需要Javascript的组件都是，而不是默认支持的。我刚刚开始使用Divshot，所以我不知道是否有一种方法可以启用它们。

或者，您可以从Div快照导出您的项目，然后按照基金会文献化中提供的说明添加javascript。