jQuery对话框加载页面" wait"信息

时间:2016-05-06 09:56:56

标签: javascript php jquery html dialog

我有一个打开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,但这完全隐藏了对话框似乎不能正常工作。

你有什么想法/解决方案吗?

谢谢!

1 个答案:

答案 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.
     }
);