UI选项卡，所有选项卡都隐藏而不"active: false"

Question

对于我的设计来说，当页面初始加载时，所有选项卡都关闭是至关重要的。然而，默认情况是显示第一个选项卡。

这两篇文章解决了同样的问题，通过设置

$( "#tabs" ).tabs({collapsible: true, active: false });

隐藏所有标签内容jQuery UI标签onload

初始化jQuery UI选项卡，不激活选项卡，隐藏所有面板

(自jQuery UI 1.10，有参数active代替selected。)然而，不知何故，这个设置与我的一个选项卡中的滑块插件冲突，并且还使用参数active

因此，我不能使用active: false或需要一种方法使选项仅针对制表符。

感谢你的帮助。

http://jsfiddle.net/WRn7q/1/-启用active: false，但没有滑块插件

Answer 1

我将$(window).load()更改为$(document).ready()，然后将active: false添加到制表符中，它工作了。

工作示例

//Load Orbit
$(document).ready(function (e) {
    $('#featured').orbit({
        directionalNav: true,
        animationSpeed: 800,
        advanceSpeed: 4000,
        pauseOnHover: true,
        bullets: false
    });
});
$(function () {
    $("#tabs").tabs({
        hide: {
            effect: "fade",
            duration: 500
        },
        show: {
            effect: "fade",
            duration: 500
        },
        collapsible: true,
        active: false
    });
});