2012-08-10 25 views
6

tengo sencilla página HTML:Cómo abrir jQuery UI emergente onclick

<html> 
<head> 
<title></title> 
</head> 
<body> 
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/redmond/jquery-ui.css" rel="stylesheet" type="text/css"/> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 


    <script type="text/javascript"> 
     $(document).ready(function() { 
      $("#OpenDialog").click(function() { 
       $("#dialog").dialog({modal: true, height: 590, width: 1005 }); 
      }); 
     }); 
    </script> 
    <a id="#OpenDialog" href="#">Click here to open dialog</a> 
    <div id="dialog" title="Dialog Title"> 
     <p>test</p> 
    </div> 

</body> 
</html> 

Necesito tener contenido emergente oculto y cuando haga clic en el enlace se abre un cuadro de diálogo.

¿Qué me pasa en mi código?

Gracias!

Respuesta

25

id del elemento no se supone que tienen # en ella, si desea utilizar jQuery selector que utilizó en $("#OpenDialog").click(

Cambio

<a id="#OpenDialog" href="#">Click here to open dialog</a>  

Para

<a id="OpenDialog" href="#">Click here to open dialog</a> 
+2

Motivo del voto negativo? – Adil

+3

No hay una buena razón para rechazar este, Adil está en lo cierto. No coloque el # en el id del marcado real, solo cuando lo haga referencia desde un selector como jQuery o CSS. En este caso, el manejador de clics nunca se asigna al elemento "OpenDialog" porque en realidad no existe. – mclark1129

5

cambio del id de el enlace de #OpenDialog a OpenDialog