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;

來源

2012-03-02 daniloquio

你檢查是否有任何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"   
      });

來源

2012-03-02 19:06:06 daniloquio

JQuery UI對話框 - 關閉後保持在前面（僅在Chrome中）

回答

相關問題