Al crear un cuadro de diálogo con jquery, ¿cómo puedo ocultar el diálogo div?

Question

Estoy creando un diálogo como en esta página:

http://jqueryui.com/demos/dialog/#modal-confirmation

(haga clic en vista de origen)

en la parte inferior es el div que se guarde en el diálogo. El diálogo funciona perfecto cuando lo llama el javascript, pero el diálogo aparece al pie de la página cuando se carga. (menos todo el estilo que se aplica cuando es invocado por la función javascript)

¿Cómo puedo ocultar el div y aún permitir que el diálogo lo use? He intentado configurar style = "visibility: hidden" , pero eso impide que se muestre cuando es invocado por el javascript.

Answer 1

Esto puede ser una pregunta estúpida, pero en vez de "visibility:hidden" ¿ha intentado "display:none;"? Tuve que resolver el mismo problema para un proyecto en el que estoy trabajando y estoy razonablemente seguro: ninguno funcionó.

También puede utilizar la opción

$(foo).dialog({ autoOpen: false }); 

a "inicializar" el cuadro de diálogo (ocultando así y todas esas cosas buenas). La única pega es que probablemente verás el diálogo "parpadear" a medida que la página se carga, pero antes de que jQuery tenga la oportunidad de ocultarlo.