Question

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

它的工作正常，但有时内容需要几秒钟加载 - 我希望在标签内容区域中有一个'loading ...'消息。

这是我目前的代码（用于将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(); 
    }
});

＆＃39;装载＆＃39; tab（）加载ajax时的消息

1 个答案: