我有一个打开jQuery对话框的按钮
$( "#dialog" ).dialog({
autoOpen: false,
title: 'Contract',
height: 450,
width:1100,
modal:true,
resizable: true
});
$( ".btnSend" ).click(function() {
var id=$(this).attr('id');
$( "#dialog" ).load( "index.php?id="+id );
$( "#dialog" ).dialog( "open" );
$('.ui-widget-overlay').css('background', 'silver');
});
index.php
页面加载速度非常慢,所以我想在页面完全加载之前显示一条消息。
我尝试像
这样的经典加载器脚本$(window).load(function() {
$(".loader").fadeOut("slow");
});
使用适当的CSS和HTML,但这完全隐藏了对话框似乎不能正常工作。
你有什么想法/解决方案吗?
谢谢!
答案 0 :(得分:0)
显示加载微调器或消息,直到它完全加载。
HTML
<span id="loading" style="display:none;">Loading..</span>
的JavaScript
$("#loading").show(); //Before loading the Data
$( "#dialog" ).load( "index.php?id="+id, function(){
$("#loading").hide(); //On Completion, hide it.
}
);