標籤不工作

Question

我似乎無法獲得標籤工作。我複製並粘貼了Foundation文檔中的代碼，並且標籤正確顯示，但點擊它們時內容不會改變。它只顯示第一個標籤的內容。

This is the page I am working on.

如果它有助於瞭解，我正在遐想的子主題。

編輯：下面是來自基金會的標籤頁，我使用的代碼：

<dl class="tabs vertical" data-tab> 
    <dd class="active"><a href="#panel1a">Tab 1</a></dd> 
    <dd><a href="#panel2a">Tab 2</a></dd> 
    <dd><a href="#panel3a">Tab 3</a></dd> 
    <dd><a href="#panel4a">Tab 4</a></dd> 
</dl> 
<div class="tabs-content vertical"> 
    <div class="content active" id="panel1a"> 
    <p>Panel 1 content goes here.</p> 
    </div> 
    <div class="content" id="panel2a"> 
    <p>Panel 2 content goes here.</p> 
    </div> 
    <div class="content" id="panel3a"> 
    <p>Panel 3 content goes here.</p> 
    </div> 
    <div class="content" id="panel4a"> 
    <p>Panel 4 content goes here.</p> 
    </div> 
</div> 

Answer 1

你有基礎文件是© 2013年，和200+線。目前的Foundation 5文件是© 2014和163行。也許有版本問題？嘗試使用最新的F5 js文件更新文件，看看是否有幫助。

在搜索「示例」的源代碼時，沒有提及實際的「製表符垂直」製表符和製表符容器......它被刪除了嗎？很難測試頁面沒有代碼實際上...

您的代碼顯示在這裏是語法上正確的，所以錯誤必須在某處/某處的JS文件。

單擊源中的此鏈接（第312行）即可查看0123urb2013 Zurb文件。 另外..你調用兩個文件所以這可能是太問題...