javascript - Foundation CSS 中的选项卡

Question

我正在响应式 View 中基于 Foundation CSS 设计我的网站元素。因为我需要添加选项卡，所以我浏览了这个网站 http://foundation.zurb.com/old-docs/f3/tabs.php 。我需要添加药丸式选项卡。

<dl class="tabs pill">
  <dd class="active"><a href="#pillTab1">Pill Tab 1</a></dd>
  <dd><a href="#pillTab2">Pill Tab 2</a></dd>
  <dd class="hide-for-small"><a href="#pillTab3">Pill Tab 3</a></dd>
</dl>

我已经添加了这段代码。我只得到了药丸标签 1、药丸标签 2、药丸标签 3。我没有得到药丸样式标签。我需要执行哪些步骤？

Answer 1

在这里工作http://jsfiddle.net/KD2bS/2/

请添加脚本

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.foundation.tabs.js"></script>

<script type="text/javascript">
$('document').ready(function(){
    $(document).foundationTabs();
});
</script>