我遇到了很多的浏览器问题(尤其是移动浏览器)上的内容puting具有绝对位置的模式,所以我做的就是建立一个内容容器和等待GIF容器
在CSS
.hidden{display: none !important;}
和JS:
//onlaoad function yadayadayada {
// (...whatever way you trigger the request...)
showLoading();
$.ajax(url: //Idontknow,
success: //handle it here or in complete,
error: //handle it here or in complete,
complete: function(){
hideLoading();
});
// some more whatever
// end of onload function }
function showLoading(){
$('#content').addClass('hidden');
$('#loading').removeClass('hidden');
}
function hideLoading(){
$('#content').removeClass('hidden');
$('#loading').addClass('hidden');
}
这似乎有点不可思议做所有的隐藏和显示,但因为我一直在以不同的方式处理绝对定位的元素浏览器挣扎任何理智的人会期望,我发现这是避免遇到问题的最简单最直接的方法。