jquery模态对话框在嘲笑我 - 对话框显示无模式

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））。无论如何，谢谢你的帮助