jQuery UI对话框出现故障

我在为客户端构建的网站中有几个对话框。 当两个对话框同时打开时，事情最终会搞砸。第一次出现对话时，对话似乎很好看。但是当用户关闭对话框（顶部的那个）并再次打开它时，它会变得混乱。（检查图像）jQuery UI对话框出现故障

什么我基本上做的是以下几点：

$(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

来源

2012-01-27 Kassem

不，在那段代码中没有错。可能是一个CSS问题。 – cambraca 2012-01-27 19:41:40

@cambraca：但为什么它第一次工作，第二次搞砸了？这对我没有任何意义...：/ – Kassem 2012-01-27 19:46:43

也许发布了一个链接？.. – cambraca 2012-01-27 19:47:17

我大多与cambraca同意;然而，这里有另一个想法添加到“它的CSS”点：

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

来源

2012-01-27 19:50:33

jQuery UI对话框出现故障

回答

相关问题