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

Question

我有一组标签，都是通过ajax加载的（例如通过标签链接中的href，per the docs）。

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

我希望最初选择的标签不会在页面加载时立即触发，而是在父元素变为可见时在代码中触发它。我确实能够在发生这种情况时触发代码，但是我无法控制实例化标签的时间 - 它们将在页面加载时通过$('#myTabs').tabs({...})创建，因此我无法做到实例化＆＃34;显示＆＃34;中的选项卡代码（我希望！）。

有没有办法可以简单地没有选择任何标签，或者告诉选定的ajax加载标签只是跳过它直到我以编程方式启动它？

Answer 1

使用collapsible和active选项：

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

来自documentation：

  

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