Revision: 49454
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at July 22, 2011 01:37 by Whiteagle
Initial Code
$('#tabs').tabs({ fx: { opacity: 'toggle', duration: 1000 }, show: function (event, ui) { google.maps.event.trigger(map, 'resize'); } });
Initial URL
http://www.digitalwks.com/blogs/diogo-raminhos/google-maps-v3-and-jquery-tabs-jquery-tabs-google-maps-bug/
Initial Description
If you are struggling against some problems with google maps and tabs be aware that, in order to avoid problems, jQuery sets the width & height of every hidden element to Zero. To fix this problem all you have to do is trigger the resize event and the map will be working as it should. To trigger the event all you need to do is.
Initial Title
Google Maps v3 and JQuery Tabs (jQuery tabs google maps bug) Example
Initial Tags
google, jquery
Initial Language
jQuery