JQuery UI对话框 - 关闭后保持在前面（仅在Chrome中）

问题描述：

我有一个JQuery UI对话框。在IE中它可以正常工作，但是在Chrome中它没有。当我使用X按钮关闭对话框时，它就像对话框仍在我的表单之前：单击放置对话框的按钮是不可能的。JQuery UI对话框 - 关闭后保持在前面（仅在Chrome中）

它发生在我的所有JQuery UI对话框中，如果我处理关闭事件并删除或销毁div，则不会发生。

它的每个I关闭对话框时一样，一个透明的div保持在这样的页面：

<div class="ui-effects-wrapper" style="font-size: 100%; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 306px; float: none; position: absolute; z-index: 1000; top: 188px; left: 479px; bottom: auto; right: auto; height: 156px; overflow-x: hidden; overflow-y: hidden; background-position: initial initial; background-repeat: initial initial; "></div>

你知道这可能是导致此？谢谢！

编辑

我发现在IE剩下的对话框关闭后的股利，有不同的样式属性的一个在Chrome左：

<div class="ui-effects-wrapper" style="z-index: 1000; border-bottom: medium none; position: absolute; border-left: medium none; padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 307px; bottom: auto; padding-right: 0px; background: none transparent scroll repeat 0% 0%; float: none; height: 158px; font-size: 100%; overflow: hidden; border-top: medium none; top: 87px; right: auto; border-right: medium none; padding-top: 0px; left: 477px;" sizset="0" sizcache0641017125275892="0"/>

在IE中它具有：

background: none transparent scroll repeat 0% 0%;

虽然在铬它有不同的属性：

background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent;

你检查是否有任何JavaScript错误？ – 2012-03-02 16:14:07

@AndreLoker是的，但铬控制台不显示任何错误。此外，就像我说的，它在IE上运行正常。 – daniloquio 2012-03-02 16:17:57

答

有一刻我几乎说“忘记铬，这个应用程序只有IE浏览器”。幸运的是，现在我可以说，不要生病了。

该解决方案是为了评论显示：“盲”选项。希望这可以帮助别人：

$("#divAlmostWentCrazy") 
     .dialog({ 
      autoOpen: false, 
      //show: "blind", 
      hide: "explode", 
      modal: true, 
      title: "Title"   
      });

JQuery UI对话框 - 关闭后保持在前面（仅在Chrome中）

相关推荐