如何在呈现之前隐藏jQueryUI选项卡？

我使用jQuery UI选项卡使用Ajax。当标签在内容加载之前加载时，我们在标签中显示加载动画的内容。如何在呈现之前隐藏jQueryUI选项卡？

然而，在加载页面时，可以看到未渲染选项卡下面的内容，他们已经jQuerified之前。

我的问题是，有没有办法，他们已经被渲染成标签之前隐藏这些选项卡的内容后显示的内容？添加可见性：隐藏或显示：无导致内容不显示。

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

来源

2012-01-02 Barry Chapman

尝试添加“$（ '＃标签'）的标签（） ;”在您的ajax数据加载调用。不确定这一点。 – jaychapani 2012-01-02 09:05:43

做了@SKS建议为你工作？ – redmoon7777 2012-01-02 09:33:53

您可以使用显示：在您不希望渲染标签之前看到，并显示他们都在创造回拨功能的标签内容没有。

请参阅我的DEMO这里。

添加的类tab_content这些标签，将显示：无
添加的代码$('.tabs_content').show();在标签 - >创建回调

来源

2012-01-02 09:14:35

完美:)谢谢！ – 2012-01-03 14:59:19

如何在呈现之前隐藏jQueryUI选项卡？

回答

相关问题