A problem displaying [localhost] caused Internet Explorer to refresh the webpage using Compatibility

问题:

上周使用JQuery UI 的Dialog 实现弹出对话框后查询的功能,抛了如下错误:

“A problem displaying [localhost] caused Internet Explorer to refresh the webpage using Compatibility View.”

我用的IE8,FF,chrome测试的,只有IE8抛出这个问题。

技术分享


IE自动切换到Compatibility View 模式。弹出对话框后,无法操作,总会自动刷新页面。


解决过程:

对话框里的代码写在<div id="GroupSetting_Dialog" class="dialogContent">...</div>中

先把div里面的代码注释,运行,看有没有问题,如果没有问题,再慢慢减少div里注释的代码,再运行。如此反复进行几次后,发现是div里的一个小div有问题。

但这个小div里没有html,只有css,于是删掉css,运行没有问题,再把css一点点加上尝试,直到加上“"max-height:200px;”时,抛出了错误。

查了一下,说是IE8暂不支持max-height/min-height。

所以,就就用JS来给小div增加height属性。


解决方法:

IE8不支持某个CSS, 所以用JS来给div增加其他可替代的属性。

$("#ViewList").attr("style", "height:200px; overflow:scroll;");




郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。