Javascript jquery模态对话框在嘲笑我-对话框显示为非模态

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

我阅读了其他帖子并检查：

• 有一个指向jquery-ui.css的链接
• 我已经包括了modal:true参数

我做错了什么

HTML

---

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

我正在引用jQuery 1.9.1和jQuery UI 1.9.2，并将jQuery.UI.css作为外部资源—这对我来说适用于您的代码：您的代码中还有其他jQuery元素吗？可能您缺少了一些引用，因为就像urbz说的，它对我也有效；我发现了问题。我误解了一个基本的javascript概念。对话框显示为模态，但在dialog（）调用之后执行。我认为，与其他语言（如java）一样，dialog（{modal:true}）是一个阻塞调用（如java中的dialog.setVisible（true））。谢谢你的帮助anyway@acimutal将此设置为已回答问题，因为当前显示为未回答。：）

<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>

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