jQuery UL选项卡重复导航

Question

我有一个jQuery ul基本选项卡设置得很好。。（这个）

是否有复制主选项卡导航的方法？为了说底部有不同的风格？

工作原理与主选项卡导航相同，但选择不同的选项卡有一个活动类等。

只是分开，所以两个导航控制一个选项卡的内容区域。

可能吗？

感谢您的帮助：）

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

演示

---

是的，你可以。您可以使用创建事件，该事件是在创建选项卡的标记时激发的。使用.clone（true，true）创建一个深度克隆（包含数据和事件）.ui-tabs-nav元素并附加到选项卡容器（可以使用css更改样式）：

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