2014-01-06 20 views
0

我有一個Divshot項目設置使用Zurb基礎框架。它似乎使用基礎版本5.02。儘管選項卡是5.02的有效組件(部分已刪除),但它們不顯示在Divshot右側的組件庫中(而部分仍可用)。Zurb基金會在Divshot中的標籤功能可能嗎?

我能夠在一個基本標籤例如複製形成Foundation文檔(vertical tabs

<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> 

此代碼從外觀的角度產生相應的標籤,然而,他們沒有真正發揮作用。 Divshot的左上角顯示具有不同ID選擇器的元素在單擊每個選項卡時處於活動狀態,但是,選項卡內容沒有適當更改。

標籤基金會5功能損壞或根本不包括在Divshot中?

回答

0

我相信所有需要Javascript的組件都是默認支持的而不是。我剛剛開始使用Divshot,所以我不知道是否有辦法啓用它們。

或者,您可以從Divshot導出您的項目,然後添加JavaScript - 遵循Foundation documenation中提供的說明。