Finestra di dialogo Jquery semplice ma ora su clic

Question

Ho provato a creare una finestra di dialogo usando jquery che funziona ma non ho successo nel farlo perché un clic non dovrebbe essere solo popup ma solo quando fai clic su di esso.

<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 per il bel pulsante

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

provato a usare questi esempi

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

chiunque sa come farlo funzionare con un clic sul pulsante # create-user non sono così bravo con JavaScript.

Grazie Matthy

Answer 1

Devi impostare l'opzione autoOpen su false in modo che la finestra di dialogo non si apra quando viene creata.

Per aprirlo quando si fa clic sul pulsante, è necessario chiamare il metodo open.

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