jquery加載谷歌地圖onclick在淡入淡出div

Question

我加載谷歌地圖上的div點擊和它的工作正常，直到我包裝在一個不透明度爲0的容器中的所有東西，並添加一個動畫不透明度，然後地圖onclick停止加工。

我意識到這不是關於jQuery，但是一旦我把div包裝到html的容器div中，那就是當它停止工作。

任何人都可以幫忙嗎？

這裏的HTML

<div id="container"> 
<div id="left"><p>show map</p></div> 
<div id="Grid"> 
    <div id="map-canvas"></div> 
</div> 
</div> 

這是jQuery的的位：

$("#container").delay(1000).animate({ 
    opacity: 1 

}, 2000); 

而這裏的的jsfiddle：http://jsfiddle.net/Alga/Mcjg5/10/

謝謝

Answer 1

的問題不是jQuery的，它的css 如果你添加：

#map-canvas { 
height: 100px; 
} 

它工作正常。高度爲0像素，所以你沒看到地圖

這裏的的jsfiddle鏈接：http://jsfiddle.net/Alga/Mcjg5/10/