ventana modal jquery ui no funciona

[vmoran2009]

hola amigos estoy tratanto de implementar una ventana modal en mi aplicacion utilizando jquery ui, pero la idea es mostrar un listado de registros y cada uno de ellos tener su url (id) al dar click necesitaria que me llame otro php que ejecuta la consulta y muestra el detalle de ese registro


en mi header de la pagina tengo las referencias al jquery ui
<link rel="stylesheet" href="jquery-ui-1.11.0.custom/themes/redmond/jquery-ui.css" />
<script src="jquery-ui-1.11.0.custom/external/jquery/jquery-1.10.2.js"></script>
<script src="jquery-ui-1.11.0.custom/jquery-ui.js"></script>

<script>
$(function() {
$( "#dialog" ).dialog();
modal: true,
width: 600

});
</script>


esto esta en un lazo bucle while y hace el listado de registros con sus respectivo id (correlativo).

<a href='show_margin1.php?param1=".$param1."&show=$co rrelativo' id='dialog'>consultar</a>

pero no hace nada, realmente no tengo mucha experiencia con ventanas modales, pueden ayudarme a implementar usando el jquery ui la ventana modal de tal forma que al presionar clic sobe

[Alexis88]

Para empezar, los atributos modal y width deben de ir entre los paréntesis del llamado del widget dialog, usando un objeto literal para agruparlos.

Código Javascript:

$( "#dialog" ).dialog({
    modal: true, 
    width: 600
});
 

Por otro lado, no debes de usar el mismo id para todos tus enlaces, recuerda que ese valor debe de ser único en todo el documento. En su defecto, usa una clase y en el código JS, en lugar de tomarlo por su id (#dialog), hazlo por su class (.dialog).

Saludos