2012-03-02 21 views
0

私はJQueryのUIダイアログを持っています。 IEではうまくいくが、クロムではうまくいきません。 Xボタンを使用してダイアログを閉じると、ダイアログが私のフォームの前にあります。ダイアログが表示されたボタンをクリックすることは不可能です。JQueryのUIダイアログ - 閉じた後に前に閉じ込めます(Chromeのみ)

私のすべてのJQuery UIダイアログでは、私はクローズイベントを処理してdivを削除または破棄しても何の問題もありません。私は、ダイアログを閉じるたびのような

ITSは、透明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で

<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"/> 

EDIT

私はIEにダイアログが閉じられた後に残るのdivは、異なるスタイルは1がChromeで左という属性を持っていることがわかった

background: none transparent scroll repeat 0% 0%; 

クロムにはさまざまな属性があります。

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

JavaScriptエラーが存在するかチェックしましたか? –

+0

@AndreLokerはい、クロムコンソールにエラーは表示されません。さらに、私が言ったように、それはIE上でうまく動作します。 – daniloquio

答えて

2

私はほとんど "忘れてクロム、このアプリはIEのみです"と言った。幸いにも今、私はその病気のナンセンスに地獄を言うことはできません。

解決策は、ショー:「ブラインド」オプションをコメントすることでした。これが誰かを助けることを願っています:

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