我在页面中嵌入了谷歌地图,但其可见性被设置为隐藏。我希望使用一个按钮来显示该地图。应该使用 jQuery 实现。
我的代码 - (不起作用)
<div id="map" style="height: 350px; border: 1px solid #979797;visibility="hidden";></div>
有人可以帮我处理相关的 jQuery 代码吗?
试试
$('#map').css('visibility','visible');
实际上,如果样式具有display:none
,您可以使用jQuery函数
$('#map').show();
$('#show').click(function(){
$('#map').show();
});
});它不起作用,你能帮我吗? - Parvesh$('#map').css('visibility','visible');
。因为$('#map').show();
只适用于样式为display:none
的情况。 - bitoshi.n<div id="map" style="height: 350px; border: 1px solid #979797; display: none";></div>
$("#map").show();
但是如果你想使用jQuery来隐藏它,visibility:hidden
比display:none
更好。因为jQuery的.show()
函数会覆盖一些页面元素,如锚点标签,从而阻止点击事件。
$('div#map').css('visibility', 'visible')
<div id="map" style="height: 350px; border: 1px solid #979797;visibility:hidden"></div>
。 - bitoshi.n