jQuery-Dialog erscheint nicht beim Aufruf

Question

Ich versuche, einen modalen Ladedialog zu öffnen, während ich einen Ajax-Aufruf mache, aber er wird nicht in der onClick-Funktion angezeigt. Wenn ich es mit Feuerwanze bremse und durch die Ladefläche gehe, wird es angezeigt. Läuft das nur JavaScript vor sich selbst? Gibt es einen besseren Weg, dies zu tun?

$(function(){ 
    $("#loading_panel").dialog({ 
           modal:true, 
           position:'center', 
           minHeight:40 
           }); 

    $("a.view-in-frame").click(function(){ 
         $("#loading_panel").dialog('open'); 
         $("#tabs").hide(); 
         var blog = $(document.createElement('div')).attr('id', 'blog').load(('blog_reader.php?blog='+this.href)), $("#loading_panel").dialog('close')); 
         $("#content_wrap").append(blog); 
         return false; 
       }); 
}) 

Answer 1

Nur eine Idee, versuchen Sie die ‚Auto-Open‘ auf false gesetzt wird, wenn der Dialog zu schaffen:

$("#loading_panel").dialog({ 
          modal:true, 
          position:'center', 
          minHeight:40, 
          autoOpen:false 
          }); 

Im Moment der Dialog sagen zu öffnen, wenn sie erstellt wird. Dies sollte dieses Verhalten verhindern.

Answer 2

@ErsatzRyan

Haben Sie versucht, Ihre Javascript-Funktion gesetzt zu laden, nachdem Sie das Dokument fertig ist?

So:

$(document).ready(function(){ 

//Your functions 

}); 

Und als @Nat Ryall sagte, können Sie Ihre Auto-Open auf false setzen müssen, sonst wird Ihr Dialog nicht zweimal geöffnet.

Und eine andere Sache, versuchen Sie, Ihre $(".selector").dialog("open") nachdem Sie alles getan haben. Sie sagen Ihrer Funktion, den Dialog aufzurufen, bevor er den Inhalt geladen hat.