¿Cómo puedo implementar, que un cuadro de diálogo modal jQuery con ancho automático & altura siempre se centra en el navegador. También después de cambiar el tamaño de la ventana del navegador.jQuery diálogo siempre centrado
El siguiente código no funciona. Creo que el problema es el ancho automático de & de altura.
jQuery - código
$("<div class='popupDialog'>Loading...</div>").dialog({
autoOpen: true,
closeOnEscape: true,
height: 'auto',
modal: true,
title: 'About Ricky',
width: 'auto'
}).bind('dialogclose', function() {
jdialog.dialog('destroy');
}).load(url, function() {
$(this).dialog("option", "position", ['center', 'center']);
});
$(window).resize(function() {
$(".ui-dialog-content").dialog("option", "position", ['center', 'center']);
});
Gracias!
Enlace el evento '' resize' en el window' y actualizar su 'parte superior/izquierda 'posicionamiento en consecuencia – Chad
¿Cómo puede marcar su comentario como la respuesta correcta, me pregunto? :-) – Hubro
He actualizado mi pregunta. – shub