Dialogue Jquery simple mais maintenant sur clic

Question

J'ai essayé de créer un dialogue en utilisant jQuery cela fonctionne mais je n'ai aucun succès à le faire onclick bacuse il ne devrait pas simplement apparaître en popup, mais seulement lorsque vous cliquez dessus.

<script type="text/javascript"> 
$.ui.dialog.defaults.bgiframe = true;
$(function() {
    $("#dialog").dialog();
});
</script>  

et

<div id="dialog" title="Basic dialog">
    <p>hi how are you</p>
</div>

et pour le joli bouton

<button id="create-user" class="ui-button ui-state-default ui-corner-all">Profiel Matthijs</button>

essayé d'utiliser ces exemples

http://jqueryui.com/demos/dialog/
http://jqueryui.com/demos/dialog/#modal-form

tout le monde sait comment faire fonctionner cela en cliquant sur le bouton # create-user Je ne suis pas si bon en javascript.

Merci Matthy

Answer 1

Vous devez définir l'option autoOpen sur false afin que la boîte de dialogue ne s'ouvre pas à la création.

Pour l'ouvrir lorsque vous cliquez sur votre bouton, appelez la méthode open.

<script type="text/javascript"> 
    $.ui.dialog.defaults.bgiframe = true;
    $(function() {
        $('#dialog').dialog({
            autoOpen: false
        });
        $('#create-user').click(function() {
            $('#dialog').dialog('open');
        });
    });
</script>