Come aprire JQuery UI comparsa onclick

devo semplice pagina html:Come aprire JQuery UI comparsa 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>

ho bisogno di avere contenuti popup nascosto e quando fare clic sul link si apre una finestra di dialogo.

Cosa mi sbaglio nel mio codice?

Grazie!

fonte

2012-08-10 ihorko

id di elemento non dovrebbe avere # in esso, se si desidera utilizzare jQuery selector come si è utilizzato in $("#OpenDialog").click(

Change

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

Per

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

fonte

2012-08-10 17:15:48 Adil

Motivo del voto negativo? – Adil

Non c'è una buona ragione per votare a favore di questo, Adil ha ragione. Non inserisci il # nell'ID del markup effettivo, solo quando fai riferimento a un selettore come jQuery o CSS. In questo caso, il gestore di clic non viene mai assegnato all'elemento "OpenDialog" perché in realtà non esiste. – mclark1129

cambiamento della id di il collegamento da #OpenDialog a OpenDialog

fonte

2012-08-10 17:18:56 Rab

Come aprire JQuery UI comparsa onclick

risposta

Problemi correlati