javascript - jquery 模态对话框在 mock 我 - 对话框显示为无模式

Question

我在尝试显示一个简单的 jquery 模态对话框时遇到了困难。对话框以无模式方式显示。

我已阅读其他帖子并检查:

• 有一个指向 jquery-ui.css 的链接
• 我添加了 modal:true 参数。

我做错了什么？

HTML

<div id="userPanelDlg">
    <div class="input -clearfix">
        <p>User</p>
        <input name="username" type="text">
        <p>Pass</p>
        <input name="password" type="text">
    </div>
</div>

Javascript

$("#userPanelDlg").dialog({
    resizable: false,
    height: 'auto',
    width: 'auto',
    modal: true,
    buttons: {
        "Ok": function () {
            $(this).dialog("close");
        }
    }
});

Answer 1

我发现了问题。我误解了一个基本的 javascript 概念。对话框显示为模态，但在调用 dialog() 之后执行。我认为，与 java 等其他语言一样，dialog({modal:true}) 是一个阻塞调用(如 java 中的 dialog.setVisible(true))。谢谢你的帮助