Jquery在fadein div中加载Googlemaps onclick

时间:2013-12-18 14:23:53

标签: jquery html google-maps onclick jquery-animate

我在点击时在div上加载googlemaps并且工作正常,直到我将整个事物包装在具有不透明度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/

谢谢

1 个答案:

答案 0 :(得分:0)

问题不在于jQuery,而是css 如果你添加:

#map-canvas {
height: 100px;
}

它工作正常。高度为0px,因此您没有看到地图

这里有一个jsfiddle链接:http://jsfiddle.net/Alga/Mcjg5/10/