jQuery UL Tabs重复导航？

Question

我有一个jQuery ul基本标签设置正常..（this one）

无论如何都要复制主标签导航？为了说它的底部有不同的风格吗？

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

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

可能的？

感谢您的帮助：）

Answer 1

我虽然你可以克隆实际的导航栏（见下文），但插件会缓存锚标签，因此克隆的导航无法完全发挥作用。

一种可能的解决方案是通过克隆锚点（没有事件和数据，只记录标记）来创建新导航，并在单击要更改的锚点时调用“ select ”方法标签：

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

<强> DEMO

---

是的，你可以。您可以使用在创建选项卡标记时触发的create event。使用.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);
    }
});​