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

Question

我正在使用Ajax的jQuery UI Tabs。我们在选项卡中有内容，在内容出现之前加载选项卡时显示加载动画。

但是，当加载页面时，您可以在jQuerified之前看到未呈现的选项卡下面的内容。

我的问题是，有没有办法隐藏这些标签内容，然后将它们渲染到标签中并显示后面的内容？添加可见性：hidden或display：none会导致内容无法显示。

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

Answer 1

您可以在呈现选项卡之前不希望看到的选项卡内容上使用display：none，并在创建回调函数中显示所有选项卡。

在此处查看我的 DEMO 。

1. 将类tab_content添加到将显示的选项卡：none
2. 已添加代码$('.tabs_content').show();在标签上 - ＆gt;创建回拨