Einfache JQuery Dialog aber jetzt auf Klick

Question

Ich habe versucht, einen Dialog zu machen mit Jquery es funktioniert, aber ich habe keinen Erfolg zu tun, es es Onclick bacuse sollte nicht nur popup aber nur, wenn Sie darauf klicken.

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

und

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

und für die gut aussehende Taste

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

versucht, diese Beispiele mit

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

Wer weiß, wie diese Arbeit am # mit einem Klick bekommen erstellen Benutzertaste Ich bin nicht so gut in Javascript.

Danke Matthy

Answer 1

Sie müssen die autoOpen Option auf false gesetzt, so dass der Dialog nicht öffnen, wenn sein erstellt.

Um es zu öffnen, wenn der Button angeklickt wird, würden Sie die offene Methode aufrufen.

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