javascript - Foundation CSS 中的标签

Question

我正在基于响应式视图中的 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>