Jquery模态对话框无法正确加载ui覆盖

因此，测试站点位于，这听起来非常尴尬，但是有两个单独的模式对话框窗口，从“About”和“Contact”链接打开。“About”对话框可以很好地打开和关闭，“Contact”对话框仅在“About”未加载的情况下加载模式覆盖。我在firebug中查看了该站点，如果您尝试第二次加载“联系人”对话框，则似乎永远不会创建.ui覆盖div

javascript调用是：

<script type="text/javascript">
$(function() {

    $( "#dialog-form" ).dialog({
        autoOpen: false,
        height: 420,
        width: 661,
        modal: true
    });

    $( ".contact" )
        .click(function() {
            $( "#dialog-form" ).dialog( "open" );
        });

    $( "#dialog-about" ).dialog({
        autoOpen: false,
        height: 420,
        width: 661,
        modal: true
    });

    $( ".about" )
        .click(function() {
            $( "#dialog-about" ).dialog( "open" );
        }); 

    $(".contact")
        .click(function() {
            $("#dialog-about").dialog("close");
        });

});
</script>

$（函数（）{
$（“#对话框窗体”）.dialog({
自动打开：错误，
身高：420，
宽度：661，
莫代尔：对
});
$（“.contact”）
。单击（函数（）{
$（“#对话框窗体”）。对话框（“打开”）；
});
$（“#对话框关于”）。对话框({
自动打开：错误，
身高：420，
宽度：661，
莫代尔：对
});
$（“.about”）
。单击（函数（）{
$（“#dialog about”）。dialog（“open”）；
}); 
$（“.contact”）
。单击（函数（）{
$（“#dialog about”）.dialog（“close”）；
});
});

---

#对话框形式为“联系人”对话框，#关于对话框为“关于”对话框。额外的“关闭”调用是因为“关于”对话框中有一个打开“联系人”对话框的链接。

我将建议一种更好的方法来创建和关闭jquery对话框。即使是我，在同一页面上使用更多对话框时也会遇到同样的问题，但我最终通过以下方式解决了问题：

$( ".about" ).click(function() {
 $("<div />").dialog({
  open: function()
  {
    $(this).html( $( "#dialog-about" ).html());
  },
  height: 420,
  width: 661,
  modal: true,
  close:function()
  {
    $(this).dialog('destroy').remove();
  }
 });
}); 

$( ".contact" ).click(function() {
 $("<div />").dialog({
  open: function()
  {
    $(this).html( $( "#dialog-form" ).html());
  },
  height: 420,
  width: 661,
  modal: true,
  close:function()
  {
    $(this).dialog('destroy').remove();
  }
 });
});

$（“.about”）。单击（函数（）{
$（“”）。对话框({
打开：函数（）
{
$（this.html（$（“#dialog about”）.html（））；
},
身高：420，
宽度：661，
莫代尔：是的，
关闭：函数（）
{
$（this.dialog（'destroy'）.remove（）；
}
});
}); 
$（“.contact”）。单击（函数（）{
$（“”）。对话框({
打开：函数（）
{
$（this.html（$（“#对话框表单”）.html（））；
},
身高：420，
宽度：661，
莫代尔：是的，
关闭：函数（）
{
$（this.dialog（'destroy'）.remove（）；
}
});
});

---

只需动态创建对话框，当您关闭对话框时，它们将被完全删除，而不会产生冲突。

这似乎可行，但对话框中的内容现在需要20秒才能显示出来。“关于”对话框中需要关闭并打开“联系人”对话框的链接不再工作。20秒？？它们是用ajax加载的，还是只是用隐藏模式加载的？只是用页面加载的，当我现在单击链接时，对话框显示为空白，然后最终显示内容。你把新的更改放到网上了吗？我无法在你发布的网站上看到它们。我刚刚测试过，它工作得很好，真的很好。对话框会立即打开。