私は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;
JavaScriptエラーが存在するかチェックしましたか? –
@AndreLokerはい、クロムコンソールにエラーは表示されません。さらに、私が言ったように、それはIE上でうまく動作します。 – daniloquio