为什么我的 jQuery UI 模式对话框不会在 Internet Explorer 9 中关闭？答案

【问题标题】：Why won't my jQuery UI modal dialog close in Internet Explorer 9?为什么我的 jQuery UI 模式对话框不会在 Internet Explorer 9 中关闭？
【发布时间】：2013-08-07 22:41:58
【问题描述】：

我正在开发一个 ASP.NET 应用程序，在该应用程序中我使用了几个 jQuery UI 模式对话框。它们在 Chrome 和 Firefox 中都可以正常工作，但是当我在 Internet Explorer 9 中单击“X”时，其中一个不会关闭。单击“X”只会使这个特定对话框“非模态”，换句话说，灰色- out 背景消失了，我可以与下面的表单进行交互，但对话框本身并没有关闭。

这是创建对话框的代码，以及打开它的函数：

<script type="text/javascript">
    $(document).ready(function () {
      //Setup dialog
      $("#reinstatementForms").dialog({
        autoOpen: false,
        width: 500,
        height: "auto",
        modal: true,
        resizable: false,
        draggable: false,
        open: function (event, ui) { $(this).css("display", "block"); },
        close: function (event, ui) { $('body').find('#reinstatementForms').remove(); }
      });
    });

    function ShowReinstatementForms() {
      $(#reinstatementForms").dialog("open");
      return false;
    }
</script>

这是 HTML/ASPX 标记（缩写）：

<div id="reinstatementForms" title="Reinstatement Forms Required" class="modalDialog" style="display: none;">
  <h2 style="padding: 10px 0 10px 20px;">Reinstatement Forms Are Required</h2>
  <p>
    Lorem ipsum dolor sit amet....
  </p>
</div>

我根据条件为真从代码后面 (C#) 触发此特定对话框：

if (reinstatementForms)
{
  string dialogScript = "ShowReinstatementForms()";
  ScriptManager.RegisterClientScriptBlock(this, typeof(Page), "ShowReinstatementForms", dialogScript, true);
}

任何线索如何使它在 IE 中正常工作？同样，我的其他模式（以不同的方式被调用/触发）在 IE 中运行良好（IE 9 - 我目前无法访问任何其他版本）。

【问题讨论】：

标签： asp.net internet-explorer-9 jquery-ui-dialog

【解决方案1】：

我认为它不适用于 FF 或 chrome。 $(#reinstatementForms").dialog("open"); 缺少“。应该是 $("#reinstatementForms").dialog("open");

祝你好运！

【讨论】：