Tabs ZURB基金会在DIGSH中的选项卡功能是可能的吗? 我有一个使用Zurb基金会框架的DIVSKET项目设置。它似乎是使用基金会版本5.02。虽然选项卡是5.02的有效组件(节已删除),但它们不会显示在Divshot右侧的组件库中(节仍然可用) 我可以在基础文档示例中复制一个基本的标签示例()
面板1的内容在这里 面板2的内容在这里 面板3的内容在这里 面板4的内容在这里 这段代码从外观角度生成适当的选项卡,但是,它们实际上不起作用。Divshot的左上角显示,当我单击每个选项卡时,具有不同ID选择器的元素处于活动状态,但是,选项卡内容没有相应更改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导
< 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>