2012-03-02 3 views
0

JQuery UI 대화 상자가 있습니다. IE에서는 괜찮 았지만 크롬에서는 그렇지 않습니다. X 버튼을 사용하여 대화 상자를 닫을 때 대화 상자가 여전히 내 양식 앞에 있습니다. 대화 상자가 표시된 곳에있는 버튼을 클릭 할 수 없습니다.JQuery UI 대화 상자 - 닫은 후에 계속 유지됩니다 (Chrome에서만 사용)

모든 JQuery UI 대화 상자에서 나에게 일어나고 있습니다. 닫기 이벤트를 처리하고 div를 제거하거나 삭제하면 mather가 없습니다. 나는 대화 상자를 닫습니다 때마다 같은

그것은, 투명한 사업부는이 같은 페이지에 남아 :

<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에서

<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; 
+1

자바 스크립트 오류가 있습니까? –

+0

@AndreLoker 예, 크롬 콘솔에 오류가 표시되지 않습니다. 또한, 내가 말했듯이, 그것은 IE에서 잘 작동합니다. – daniloquio

답변

2

잠시 동안 나는 거의 "크롬을 잊어 버렸습니다.이 앱은 IE 전용"이라고 말했습니다. 다행히 지금 나는 그 멍청한 말도 안돼.

해결 방법은 show : "blind" 옵션을 주석 처리하는 것입니다. 이 도움이되기를 바랍니다.

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