jQuery Dialog lädt Seite mit der Meldung „wait“

Question

Ich habe eine Schaltfläche, die einen jQuery Dialog

$("#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'); 
}); 

Die index.php Seite lädt sehr langsam öffnet, damit ich eine Nachricht anzeigen möchte, bevor die Seite vollständig geladen ist.

Ich versuche, das klassische loader Skript wie

$(window).load(function() { 
$(".loader").fadeOut("slow"); 
}); 

mit der richtigen CSS und HTML, aber diese auszublenden vollständig das Dialog es, dass auch nicht scheint arbeiten.

Haben Sie eine Idee/Lösung?

Vielen Dank!

Answer 1

Ein Spinner oder eine Nachricht zum Laden anzeigen, bis sie vollständig geladen ist.

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