Zurb foundation 如何使下面的代码与基金会6一起工作？我相信它现在在基金会5

我想创造一些非常类似的东西 但是在基础6中复制它有困难。 HTML

JS

---

你试过把它移植到基金会6吗？您遇到了什么错误，它不起作用了吗？当您可以用简单的

按钮替换它们时，为什么要使用
水平选项卡
，这些按钮也可以
触发那些
显示模态
？你想要达到的目标看起来很简单。通过基础6的<代码>文档/代码>代码>揭示模态< /代码>，应该这样做。你试过把它移植到基础6吗？您遇到了什么错误，它不起作用了吗？当您可以用简单的
按钮替换它们时，为什么要使用
水平选项卡
，这些按钮也可以
触发那些
显示模态
？你想要达到的目标看起来很简单。通过基础6的<代码>文档/代码>代码>揭示模态< /代码>，并且应该这样做。
<dl class="tabs" data-tab data-options="deep_linking: true">
 <dd class="top">
  <a href="#tabs-deeplink-1" data-reveal-id="wines">WINES 1</a>
 </dd>
 <dd class="top">
  <a href="#tabs-deeplink-2" data-reveal-id="wines">WINES 2</a>
 </dd>
</dl>
<div id="wines" class="reveal-modal" data-reveal>
 <dl class="tabs vertical" data-tab>
  <dd class>
   <a href="#tabs-deeplink-1">WINES 1</a>
  </dd>
  <dd class>
   <a href="#tabs-deeplink-2">WINES 2</a>
  </dd>
 </dl>
 <div class="tabs-content">
  <div class="content" id="tabs-deeplink-1">
    <p>First panel content goes here...</p>
  </div>
  <div class="content" id="tabs-deeplink-2">
    <p>Second panel content goes here...</p>
  </div>
</div>

.tabs dd.active a {
  background: #008CBA;
}

$(document).foundation();

$(document).on('close.fndtn.reveal', '[data-reveal]', function () {
 $(document).foundation('reflow');
 $('dd.top').removeClass('active');
});