2012-08-10 11 views
6

Mam prostą stronę HTML:Jak otworzyć jQuery UI popup 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> 

muszę mieć zawartość podręczne ukrytych i gdy kliknięcie na link otwiera okno.

Co jest nie tak z moim kodem?

Dzięki!

Odpowiedz

25

id elementu nie ma mieć # w nim, jeśli chcesz używać jQuery selector jak kiedyś w $("#OpenDialog").click(

Zmian

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

Aby

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

Powód głosowania w dół? – Adil

+3

Nie ma powodu, by go zgodzić, Adil ma rację. Nie wstawiasz # w id rzeczywistego znacznika, tylko gdy odwołujesz się do niego z selektora takiego jak jQuery lub CSS. W takim przypadku obsługa kliknięć nigdy nie jest przypisana do elementu "OpenDialog", ponieważ w rzeczywistości nie istnieje. – mclark1129

5

Zmiana id od link od #OpenDialog do OpenDialog