Simples Jquery diálogo, mas agora com um clique

Question

Eu tentei fazer um diálogo usando jquery ele funciona, mas eu não tenho succes em fazê-lo onclick bacuse não deve apenas pop-up, mas somente quando você clicar nele.

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

e

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

e para o botão de boa aparência

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

tentou usar estes exemplos

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

Alguém sabe como começar este trabalho com um clique nos # criar-usuário botão eu não sou tão bom em javascript.

Graças Matthy

Answer 1

Você precisa definir a opção autoOpen como false para que o diálogo não será aberto quando o seu criado.

Para abri-lo quando o seu botão é clicado, você chamaria o método aberto.

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