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); } });