Простой Jquery Dialog, но теперь по щелчку

Question

Я пытался создать диалоговое окно, используя jquery, оно работает, но у меня нет успеха в этом, потому что он должен всплывать, а не только когда вы нажимаете на него.

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

и

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

и для красивой кнопки

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

пробовал использовать эти примеры

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

кто-нибудь знает, как заставить это работать, нажав на кнопку # create-user я не очень хорош в JavaScript.

Спасибо Matthy

Answer 1

Вам необходимо установить для параметра autoOpen значение false, чтобы диалоговое окно не открывалось при его создании.

Чтобы открыть его, когда нажата ваша кнопка, вы должны вызвать метод open.

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