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

【问题标题】：Simple Jquery Dialog but now on click简单的 Jquery 对话框，但现在点击
【发布时间】：2010-11-15 06:51:45
【问题描述】：

我尝试使用 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。

谢谢马蒂

【问题讨论】：

“我在点击时没有成功，因为它不应该只是弹出，而是只有在你点击它时才会弹出。”两者不是一回事吗？您希望您的对话框何时出现，您能改写一下吗？
好的明白你的意思，因为你在文档就绪功能时触发它，当页面加载时它会弹出......我认为下面的答案足够公平......

标签： javascript jquery html dialog onclick

【解决方案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>

【讨论】：