Question

对于我的设计，当页面最初加载时，所有标签都关闭至关重要。但是，默认情况下显示第一个选项卡。

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

解决了问题

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

Hide all tabs content jQuery UI tabs onload

Initiate jQuery UI Tabs with no tabs active and all panels hidden

（自jQuery UI 1.10以来，参数active改为selected。）但是，此设置 与<{em>冲突 与{{} 3}}在我的一个标签中，也使用参数active

因此，我无法使用active: false或仅需要一种方法来制作仅适用于标签的选项。

我感谢你的每一次帮助。

slider plugin - 启用active: false但没有滑块插件

Answer 1

我将$(window).load()更改为$(document).ready()，然后将active: false添加到标签页，然后才有效。

<强> Working Example

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

UI选项卡隐藏所有选项卡但没有“active：false”

1 个答案: