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

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

Answer 1

我主要赞同cambraca;然而，这是另一个想法添加到“它的CSS”点：

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

jQuery UI对话框搞砸了

1 个答案: