Javascript 如何在渲染之前隐藏jQueryUI选项卡？

我将jQueryUI选项卡与Ajax结合使用。选项卡中有内容，当在加载内容之前加载选项卡时，会显示加载动画

但是，当加载页面时，您可以在未渲染选项卡被jquery之前看到它们下面的内容

我的问题是，有没有一种方法可以在这些选项卡呈现为选项卡之前隐藏它们的内容，并在呈现之后显示这些内容？添加可见性：隐藏或显示：无会导致内容不显示

    <div id="ui-tabs-1" style="display: none;">
        <!-- Default Content -->
    </div>
    <div id="ui-tabs-2" style="display: none;">
        <!-- Default Content -->
    </div>

---

在呈现选项卡之前，您可以在选项卡内容上使用display:none，并在创建回调函数中显示所有选项卡内容

请参见我的

将类选项卡内容添加到将显示的选项卡：无

添加了代码

$（'.tabs_content'）.show（）在选项卡上->创建回拨

---

尝试在ajax数据加载调用中添加“$（'#tabs'）.tabs（）；”。不确定。@SKS建议对你有用吗？有没有办法隐藏整个事情直到它呈现出来？我讨厌在加载之前将标签视为实际的UL。