jQuery选项卡标题,不使用jQuery选项卡功能

时间:2012-02-16 19:15:41

标签: jquery html jquery-ui

我的页面中有一些链接。

<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标签的页面。

1 个答案:

答案 0 :(得分:1)

我在jQueryUI站点中使用firebug得到了这个:

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