Jquery选项卡 - 完全渲染之前的延迟,在渲染时检测

Question

我正在使用jQuery UI中的选项卡:http://jqueryui.com/demos/tabs/

我实际上在这些选项卡中有很多数据,因此当页面加载时,数据在完全处理/呈现选项卡之前完全混乱.

所以我正在寻找一种方法来检测标签何时完成渲染可能与回调函数将是我的猜测.像这样,我将能够在标签完全呈现之前显示等待消息.

谢谢 !

Answer 1

我们在工作中遇到了同样的问题,说实话,如果你在页面上加载它,它在大多数JQuery中都是一个明显的问题.为了确保它只在它实际就绪时显示,我们最初隐藏父标签容器,如下所示:

<div id="tabs" style="display: none;">

然后在我们调用.tabs后的document.ready函数中,然后我们将其显示为可见,如下所示:

$(function () {
    $("#tabs").tabs();

    $("#tabs").css("display", "block");
});