Jquery模态对话框在嘲笑我——对话框显示为非模态

jquery modal dialog is laughing at me - dialog shows up modeless

本文关键字：对话框 模态 显示 Jquery      更新时间：2023-09-26

我被卡住了，试图显示一个简单的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");
        }
    }
});

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

相关文章：