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/