jQuery UI 选项卡 - 如何延迟加载所有选项卡

Question

我有一组全部通过 ajax 加载的选项卡（例如，通过选项卡链接中的 href，per the docs）。

但选项卡位于页面首次加载时可能隐藏的包含元素中（例如折叠的手风琴窗格，或在最初未选择的选项卡上的父选项卡组中，在隐藏器中等）。

我希望最初选择的选项卡不要在页面加载时立即触发，而是在父元素可见时在代码中触发它。我确实有能力在发生这种情况时触发代码，但我无法控制选项卡何时被实例化——它们将在页面加载时通过$('#myTabs').tabs({...}) 创建，所以我不能只在“显示”代码（我希望！）。

有没有办法要么根本不选择 任何 选项卡，或者告诉选定的 ajax 加载选项卡跳过它，直到我以编程方式启动它？

Answer 1

使用collapsible 和active 选项：

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

来自documentation：

将active 设置为false 将折叠所有面板。这要求collapsible 选项为true。