2

对于我的设计，在页面最初加载时关闭所有选项卡至关重要。但是，默认设置是显示第一个选项卡。

这两个帖子解决了同一个问题，并通过设置解决了这个问题

$( "#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启用，但没有滑块插件

4

1 回答 1

2

我更改$(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
    });
});
于 2013-06-16T14:26:11.067 回答