緩慢加載div死區

我有一個div中有一個自定義的谷歌地圖;加載頁面的其餘部分需要更長的時間。所以，在它完全加載之前，它會創建死區，所以它下面的元素加載，就好像谷歌地圖的div不存在一樣 - 直到帶有谷歌地圖的div加載，然後將它下面的元素壓入正確位置。它在頁面加載上看起來很糟糕。緩慢加載div死區

有沒有人有解決這個問題的建議？

我試圖定義CSS內diminsions。

#gmp { 
    background-color: #E5E3DF; 
    height: 300px; 
    left: 0; 
    overflow: hidden; 
    position: relative; 
    width: 400px; 
} 


$("#gmp").css("display","block").css("position","absolute")

也嘗試了內聯定義尺寸。

來源

2013-06-04 Fred Randall

是#gmp谷歌地圖的容器div，我想它是？ –

嘗試添加'min-height'和'min-width' css屬性 – user1

是的，你可以使用一個固定的「區域」爲你試圖加載的谷歌地圖，然後你可以選擇「onLoad」進行ajax調用，將我們的地圖加載到你選擇的div中。

如果有可用的jQuery的你可以這樣做：

$(document).ready(function(){ 
    $('#gmp').load('http://google.com/loadmymap', function() { 
     alert('Load was performed.'); 
    }); 
});

這裏檢查 http://api.jquery.com/load/

哦，不要讓它絕對的，即不這樣做： $（「＃GMP」） .css（「display」，「block」）.css（「position」，「absolute」）但只顯示：原始css中的塊

來源

2013-06-04 19:39:45

或者我可以將它嵌套在具有指定高度和寬度的Div內。這工作完美;但你的答案可能是最好的路線。 –

你可以做到這一點，它沒有真正的區別，並很樂意幫助！ –

緩慢加載div死區

回答

相關問題