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

Question

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

但是这些选项卡位于页面第一次加载时可能隐藏的包含元素中（例如折叠的手风琴窗格，或在初始未选中的选项卡上的父级选项卡组中，在皮包中等） 。

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

有没有一种方法可以没有任何选项卡选择，或告诉选定的ajax加载选项卡只是跳过它，直到我以编程方式启动它？

Answer 1

使用collapsible和active选项：

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

从documentation：

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