带有多个对话框的JQuery UI对话框问题

Question

我有几个对话框（jquery-ui-ified），它们都看起来像这样：

$('#options_dlg').dialog({
    modal:true,
    stack:true,
    autoOpen:false,
    resizable:false,
    title:'Options',
    height:620,
    width:520,
    zIndex:20000 
});

我遇到的问题是，当我打开一个对话框，然后打开另一个对话框或关闭另一个对话框时，它将重新放置第一个对话框的位置-有时会移动它，因此我无法再访问标题栏来移动它周围。

当然，脚本中发生了很多事情，这可能是罪魁祸首-尽管对我而言，没有什么显而易见的-这意味着，我没有代码指定通过打开或关闭对话框来重定位其他对话框。

所以我的问题是，任何人以前都没有以任何身份经历过此事，和/或没有人对导致这种情况发生的原因有任何见解-我可以用来追踪罪魁祸首的任何事情都会有所帮助。

谢谢 -

Answer 1

我确实只有在带有jQuery-ui 1.8.16的IE中有类似的问题。 它看起来像一个已知问题 ，我使用了以下方法

$dialog.parent().css({position:"fixed"}).end().dialog('open');

从这个解决方案，并解决了它。 您也可以尝试一下。

Answer 2

打开对话框时，请尝试设置对话框的位置。

$('#options_dlg').dialog({
    modal:true,
    stack:true,
    autoOpen:false,
    resizable:false,
    title:'Options',
    position: [x,y],
    height:620,
    width:520,
    zIndex:20000 
});

并且在设置对话框之前，将x和y初始化为偏移量，具体取决于您希望对话框出现的位置。

例如：

x = $(cell).offset().left + $(cell).outerWidth();
y = $(cell).offset().top - $(document).scrollTop();

您将必须弄清楚如何确定应用程序的x和y偏移量，但这应该可以固定对话框的位置，以便在使用其他对话框时它不会随机移动。