jQuery選項卡標題不使用jQuery選項卡功能

我在我的頁面中有幾個鏈接。jQuery選項卡標題不使用jQuery選項卡功能

<ul> 
<li><a href=#>link1</a></li> 
<li><a href=#>link1</a></li> 
<li><a href=#>link1</a></li> 
<li><a href=#>link1</a></li> 
</ul>

我想顯示它們像jQuery標籤頁眉。我不想使用像加載特殊div中的選項卡的功能，因爲我需要每次刷新頁面。

我希望用戶看到一個看起來類似於jQuery選項卡的頁面。

來源

2012-02-16 Rajesh

CSS是你的朋友。看看jQueryUI的CSS，並嘗試將UL設計成類似標籤的樣式（或者只是在沒有JS的情況下使用CSS）。 – 2012-02-16 19:21:42

我得到這個使用Firebug在jQueryUI的網站：

<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all"> 
    <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#">link1</a></li> 
    <li class="ui-state-default ui-corner-top"><a href="#">link2</a></li> 
    <li class="ui-state-default ui-corner-top"><a href="#">link3</a></li> 
    <li class="ui-state-default ui-corner-top"><a href="#">link4</a></li> 
</ul>

來源

2012-02-17 07:40:04 core1024

jQuery選項卡標題不使用jQuery選項卡功能

回答

相關問題