简单的Jquery对话框，但现在点击

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>