Tabs ZURB基金会在DIGSH中的选项卡功能是可能的吗? 我有一个使用Zurb基金会框架的DIVSKET项目设置。它似乎是使用基金会版本5.02。虽然选项卡是5.02的有效组件(节已删除),但它们不会显示在Divshot右侧的组件库中(节仍然可用) 我可以在基础文档示例中复制一个基本的标签示例()

Tabs ZURB基金会在DIGSH中的选项卡功能是可能的吗? 我有一个使用Zurb基金会框架的DIVSKET项目设置。它似乎是使用基金会版本5.02。虽然选项卡是5.02的有效组件(节已删除),但它们不会显示在Divshot右侧的组件库中(节仍然可用) 我可以在基础文档示例中复制一个基本的标签示例(),tabs,zurb-foundation,divshot,Tabs,Zurb Foundation,Divshot,面板1的内容在这里 面板2的内容在这里 面板3的内容在这里 面板4的内容在这里 这段代码从外观角度生成适当的选项卡,但是,它们实际上不起作用。Divshot的左上角显示,当我单击每个选项卡时,具有不同ID选择器的元素处于活动状态,但是,选项卡内容没有相应更改 < P>是基础5被破坏或根本不包含在DIVSUP中的选项卡功能? < P>我相信所有需要JavaScript的组件都是默认的“强>不< /强”。我刚刚开始使用Divshot,所以我不知道是否有办法启用它们 可选地,您可以从DIVSKET导

面板1的内容在这里

面板2的内容在这里

面板3的内容在这里

面板4的内容在这里

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


< P>是基础5被破坏或根本不包含在DIVSUP中的选项卡功能?

< P>我相信所有需要JavaScript的组件都是默认的“强>不< /强”。我刚刚开始使用Divshot,所以我不知道是否有办法启用它们

可选地,您可以从DIVSKET导出您的项目,然后按照基金会提供的说明添加JavaScript。

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