El cuadro de diálogo jQuery no aparece cuando se llama

Question

Estoy intentando que aparezca un cuadro de diálogo de carga modal mientras realizo una llamada ajax pero no aparece en la función onClick. Si disminuyo la velocidad con Firebug y paso por el panel de carga se mostrará. ¿Es esto solo javascript corriendo por delante de sí mismo? ¿Hay una mejor manera de hacer esto?

$(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

Sólo una idea, intente configurar el 'Autoopen' false al crear el diálogo:

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

Por el momento le está diciendo al diálogo para abrir cuando se crea. Esto debería evitar ese comportamiento.

Answer 2

@ErsatzRyan

¿Ha intentado establecer su función javascript para cargar después de que su documento está listo?

De esta manera:

$(document).ready(function(){ 

//Your functions 

}); 

Y como @Nat Ryall dijo, debe configurar su Autoopen a false, de lo contrario su diálogo no se abre dos veces.

Y otra cosa, intente llamar a su $(".selector").dialog("open") después de haber hecho todo. Le está diciendo a su función que llame a su cuadro de diálogo antes de que haya cargado su contenido.