JqueryEasyUI 解決IE下加載時頁面錯亂的問題

為什么圖書館13 2016-06-25

展開全文

問題描述：

一直覺得jqueryeasyui在IE下的渲染效果不大好，尤其剛進入頁面時的加載，頁面會出現(xiàn)布局錯亂，雖然是一閃而過，但是給用戶的體驗不好；

可以通過在頁面onload時，增加一個遮罩層，把jqueryeasyui的頁面渲染過程遮住，等頁面加載完后，扔掉遮罩層，顯示頁面；

解決辦法：

[javascript] view plain copy

/*
文件說明：頁面加載時Loading JS
文件描述：解決IE或FF下，初始化加載時，頁面布局亂掉的問題，參考：http://283433775./blog/720895
*/
var width = $(window).width();
var height = $(window).height();
var html = "<div id='loading' style='position:absolute;left:0;width:100%;height:" + height + "px;top:0;background:#E0ECFF;opacity:1;filter:alpha(opacity=100);'>";
html += "<div style='position:absolute;cursor1:wait;left:" + ((width / 2) - 75) + "px;top:200px;width:150px;height:16px;padding:12px 5px 10px 30px;";
html += "background:#fff url(" + _basepath + "Scripts/jquery-easyui-1.4/themes/default/images/loading.gif) no-repeat scroll 5px 10px;border:2px solid #ccc;color:#000;'>";
html += "正在加載，請等待...";
html += "</div>";
html += "</div>";
window.onload = function () {
var mask = document.getElementById('loading');
mask.parentNode.removeChild(mask);
};
document.write(html);