tabs() 加载 ajax 时出现“正在加载”消息

Question

使用 jQuery UI tabs() - 使用 ajax，从其他页面绘制内容。

它工作正常，但有时加载内容需要几秒钟 - 我想在标签内容区域中显示“正在加载...”消息。

这是我目前的代码（用于将colorbox() 应用于 ajax 内容中的相关链接）：

$("#tabs").tabs().bind('tabsload',function(event, ui){
    $("#tabs .iframe").colorbox({iframe:true, width:"65%", height:"80%"});
});

我在JQuery UI Tabs - "Loading..." message 看到了这些建议，但它们似乎都不起作用。也许它们已经过时了。

帮助表示赞赏！ 谢谢

Answer 1

尝试使用onLoad回调函数..

样本

$("#tabs .iframe").colorbox({
    iframe:true, 
    width:"65%", 
    height:"80%",
    onLoad : function(){
        $("#cboxContent").before('<div class="tab-loading" style="z-indez:999999; position: absolute; background: white; height: 100%; width: 100%; padding: 35% 45%; ">Loading...</div>'); 
    },
    onComplete : function(){
        $(".tab-loading").remove(); 
    }
});