首页 文章

可以在Divshot中使用Zurb Foundation的标签功能吗？

提问于
浏览 次
0

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

我能够在基础标签中复制基础文档（vertical 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>

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

基金会5的标签功能是否已损坏或根本不包含在Divshot中？

tabs zurb-foundation divshot

1 回答

  • 0

    我相信默认情况下，所有需要Javascript的组件都支持 not . 我've only just started using Divshot so I don'知道是否有办法启用它们 .

    或者，您可以从Divshot导出项目，然后添加javascript - 按照Foundation documenation中提供的说明进行操作 .

    回复于

相关问题