jQuery UI 对话框变得混乱

Question

我为客户构建的网站中有几个对话框。 当两个对话框同时打开时，事情最终会变得混乱。该对话框第一次出现时看起来看起来不错。但是，当用户关闭对话框（顶部的对话框）并再次打开它时，它就会变得混乱。 （检查图像）

我基本上所做的如下：

$(document).ready(function() {
   $("#someDiv").dialog({
      //options
   });

   $("#someButton").click(function() {
      $("#someDiv").dialog('open');
   });

   $("#closeButton").click(function() {
      $("#someDiv").dialog('close');
   });
});

这基本上是我打开和关闭对话框的流程。我做错了什么吗？

当用户第一次打开对话框时： http://i43.tinypic.com/2dt9fk7.png< /a>

当用户再次打开对话框时： http://i40.tinypic.com/v6sqq9.png

Answer 1

我基本同意坎布拉卡的观点；然而，这里还有另一个想法要添加到“这是 CSS”点上：

当对话框关闭时，jQuery UI 似乎不会将其移回到 DOM 树中的原始位置。它似乎被移动到 结束标记之前。因此，为了保持一致性，请更改您的标记，使其也从此处开始，从而避免可能的 CSS 样式继承问题。