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选项卡功能

回答

相关问题