Comment ouvrir l'INTERFACE utilisateur de JQuery popup onclick

J'ai simple page html:

<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>

J'ai besoin d'avoir popup contenu caché et quand on clique sur le lien ouvrir une boîte de dialogue.

Ce que je me trompe dans mon code?

Merci!

InformationsquelleAutor ihorko | 2012-08-10
  1. 29

    id de l'élément n'est pas censé avoir #, si vous souhaitez utiliser jQuery selector que vous avez utilisé dans $("#OpenDialog").click(

    Changement 

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

    À 

     <a id="OpenDialog" href="#">Click here to open dialog</a>
    • Pas de bonne raison de downvote celui-ci, Adil est correct. Vous ne mettez pas le # dans l'identification de la majoration réelle, uniquement lorsque le référencement d'un sélecteur telles que jQuery ou CSS. Dans ce cas, le gestionnaire de clic n'est jamais attribué à l'élément "zone de dialogue" parce qu'il n'existe pas réellement.
    InformationsquelleAutor Adil
  2. 7

    changer le id du lien de #OpenDialog à OpenDialog

    InformationsquelleAutor Raab
  3. 0

    Le lien css et les scripts besoin d'aller dans la tête, pas le corps.

    Et comme d'autres l'ont mentionné, également modifier l'id du lien de #OpenDialog à OpenDialog.

    InformationsquelleAutor Rachel