jQuery UL Tabs重复导航?

我有一个jQuery ul基本选项卡设置正常..( 这一个 )

反正有没有复制主标签导航? 为了说它的底部有不同的风格吗?

与主选项卡导航工作方式相同,选择不同的选项卡具有活动类等。

只是分开,所以2个导航控制一个标签内容区域。

可能?

谢谢你的帮助 :)

我虽然你可以克隆实际的导航栏(见下文),但插件缓存锚标签,因此克隆的导航不能完全正常工作。

一种可能的解决方案是通过克隆锚点(没有事件和数据,只记录标记)来创建新导航,并在单击这些锚点以更改选项卡时调用“ select ”方法:

$( "#tabs" ).tabs({ create: function(e, ui) { var bottomNav = $('
').appendTo(this); $(this).find('.ui-tabs-nav a') .clone() .click(function() { $( "#tabs" ).tabs('select', $(this).index()); }).appendTo(bottomNav); } });​

DEMO


是的你可以。 您可以使用在创建选项卡标记时触发的create事件 。 使用.clone(true,true) .ui-tabs-nav元素进行深度克隆(使用数据和事件)并附加到 tabs容器(可以使用css更改样式):

 $( "#tabs" ).tabs({ create: function(e, ui) { var tabsNav = $(this).find('.ui-tabs-nav').clone(true, true); tabsNav.appendTo(this); } });​