Hyperlink 在基础选项卡中定期链接到URL

我使用基础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

---

有没有办法让外部页面的链接与基础中的选项卡一起工作，或者我应该使用不同的东西吗？

< p>我已经找到了解决方案。奇怪的是，这在任何地方都没有记录

只需从

元素中删除

数据选项卡

属性

---

然后链接将像往常一样工作。

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

只需从

元素中删除

数据选项卡

属性

---

然后链接将像往常一样工作。

我一直在寻找类似的方法。如果您需要将应用程序链接到异地或其他页面，您可以在

dd

元素上使用onclick事件：

<dd onclick="location.href='http://google.com'"><a href="#">Google</a></dd>

---

我一直想做类似的事情。如果您需要将应用程序链接到异地或其他页面，您可以在

dd

元素上使用onclick事件：

<dd onclick="location.href='http://google.com'"><a href="#">Google</a></dd>

BartoNaz的解决方案不再在基础6中工作了——它看起来像
Zurb无法将演示文稿（我想要看起来像选项卡的内容）与功能（我想要显示和隐藏单个页面的部分）分开

我不喜欢Bootstrap的冗长，但是因为它更灵活，而且不妨碍REST Web设计，我想我必须回去了。
 < P> @ BartoNaz的解决方案已经不再在基础6中工作了——它看起来像
Zurb无法将演示文稿（我想要看起来像选项卡的内容）与功能（我想要显示和隐藏单个页面的部分）分开

我不喜欢Bootstrap的冗长，但是因为它更灵活，而且不妨碍REST Web设计，我想我必须回去了。
 < P>对基础6来说，答案是相同的，从代码< UL>代码> < /P>中删除<代码>数据选项卡<代码>属性。
<ul class="tabs" data-tabs id="example-tabs">


< /代码> 对于基础6，答案是相同的，从<代码> UL>代码> 
中删除<代码>数据选项卡<代码>属性。
<ul class="tabs" data-tabs id="example-tabs">


<代码>这将无法与基础6一起使用。外部链接的选项卡将工作，但其他没有。这将不会与基础6。“外部链接”选项卡将起作用，但其他选项卡不起作用。