Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/xpath/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Cross browser JQuery UI对话框-关闭后保持在前面(仅在Chrome中)_Cross Browser_Jquery Ui Dialog - Fatal编程技术网

Cross browser JQuery UI对话框-关闭后保持在前面(仅在Chrome中)

Cross browser JQuery UI对话框-关闭后保持在前面(仅在Chrome中),cross-browser,jquery-ui-dialog,Cross Browser,Jquery Ui Dialog,我有一个jQueryUI对话框。在IE中工作正常,但在chrome中则不行。当我使用X按钮关闭对话框时,它就像对话框仍然在我的窗体前面:不可能单击对话框显示位置的按钮 它发生在我所有的jQueryUI对话框中,如果我处理close事件并删除或销毁div,就不会发生 就像每次我关闭对话框时,页面中都会保留一个透明的div,如下所示: <div class="ui-effects-wrapper" style="font-size: 100%; background-image: initia

我有一个jQueryUI对话框。在IE中工作正常,但在chrome中则不行。当我使用X按钮关闭对话框时,它就像对话框仍然在我的窗体前面:不可能单击对话框显示位置的按钮

它发生在我所有的jQueryUI对话框中,如果我处理close事件并删除或销毁div,就不会发生

就像每次我关闭对话框时,页面中都会保留一个透明的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>
而在chrome中,它具有不同的属性:

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

有一刻我差点说“忘了chrome吧,这个应用程序只是IE而已”。幸运的是,现在我可以对那些恶心的废话说“不”

解决办法是对节目进行评论:“盲目”选项。希望这对某人有所帮助:

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

你检查过是否有javascript错误吗?@AndreLoker是的,但chrome控制台没有显示任何错误。此外,正如我所说,它在IE上工作正常。
background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent;
$("#divAlmostWentCrazy")
        .dialog({
            autoOpen: false,
            //show: "blind",
            hide: "explode",
            modal: true,
            title: "Title"          
            });