定期鏈接到基礎選項卡中的URL

我正在使用Foundation 5.2.1，並且想要使用垂直製表符進行導航。定期鏈接到基礎選項卡中的URL

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

有沒有辦法讓外部頁面的鏈接與Foundation中的選項卡一起工作，還是應該使用不同的東西？

來源

2014-03-24 BartoNaz

我找到了解決方案。奇怪的是，這沒有記錄在任何地方。

所有需要的是從<dl>元素中刪除data-tab屬性。

然後鏈接將正常工作。

來源

2014-03-24 17:12:15 BartoNaz

謝謝刪除data-tabs財產！這應該是被接受的答案... – Jabari

我一直在尋找類似的東西。如果您需要連接異地或您的應用程序的其他頁面，您可以在dd元素上使用onclick事件：

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

來源

2015-05-18 08:19:32

@ BartoNaz的解決方案在基金會6不再工作 - 它看起來像 Zurb失敗單獨呈現（我希望看起來像標籤的東西）從函數（我想顯示和隱藏單個頁面的一部分）。

我不喜歡Bootstrap的詳細程度，但由於它更加靈活，並且不妨礙REST風格的網頁設計，所以我想我必須回到它。

來源

2015-12-28 23:01:13 Canuck

答案是基金會6相同，從ul

<ul class="tabs" data-tabs id="example-tabs">

來源

2017-02-19 23:16:32 markau

定期鏈接到基礎選項卡中的URL

回答

相關問題