在Foundation选项卡中定期链接到URL

Question

我正在使用Foundation 5.2.1,我想使用垂直选项卡进行导航.

<div class="small-1 column">
  <div class="languageTabs">
    <dl class="tabs vertical" data-tab>
      <dd><a href="/lang/uk">uk</a></dd>
      <dd><a href="/lang/ru">ru</a></dd>
      <dd><a href="/lang/en">en</a></dd>
    </dl>
  </div>
</div>

这里不寻常的是我不使用链接到类似href="#section1"链接但链接到外部URL.当我单击任何选项卡时,它会突出显示为活动状态,但不会重定向到指定的URL.

有没有办法让外部页面的链接与Foundation中的选项卡一起使用,还是应该使用不同的东西？

Answer 1

我找到了解决方案.奇怪的是,这在任何地方都没有记录.

所有需要的是data-tab从<dl>元素中删除属性.

然后链接将通常工作.