<div id="dialog" title="Example dialog">
<p>Some text that you want to display to the user.</p>
</div>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#dialog").dialog({
bgiframe: true, autoOpen: false, height: 100, modal: true
});
});
</script>
<a href="#" onclick="jQuery('#dialog').dialog('open'); return false">Click here to see the popup</a>
Aquí encontraran más opciones que describen jQuery UI dialog. Una de las razones por las que prefiero el diálogo jQuery UI a cualquiera de los otros superposición de diálogo / soluciones descripción es que la versión de jQuery UI es tan fácil de aplicar y tiene muy buenos valores por defecto. Por defecto, el diálogo se pueden arrastrarse, considerable e incluye el elemento de control adecuadas para cerrar el diálogo. Sorprendentemente muchas otras soluciones no tienen estas características de forma predeterminada.