thank you Klaus, your 2nd suggestion ui.index === 1 works perfectly. as for the first suggestion, I've since learned that rendering actually looks good in most browsers except for safari on the iphone...not really sure what's going on there, but I've been able to fix the issue with your modified callback.
thanks again. On Mar 15, 9:28 am, Klaus Hartl <[email protected]> wrote: > > Solution 1: > > change the way that jquery tab "hides" the tab. > > basically you change *.ui-tabs .ui-tabs-hide { display: none ! > > important; }* > > to position:absolute; left: -1000px; top: -1000px; > > this "works", but for some reason there are now peculiarities in > > rendering font-sizes of the newly displayed tab...any text that's > > initially hidden shows up as being quite large. > > That should not affect font sizing at all. I suspect some error in > your CSS. > > > Solution 2: > > call the google maps checkResize() function *after* the contents of > > the 2nd div are shown. > > I added an onclick method to my tab that calls checkResize(), but this > > method is actually being called _before_ the hidden div is shown, so > > it doesn't work. > > Is there a way to set up a callback _only_ when the 2nd tab is clicked > > on and _only_ after the tab contents are visible? > > > I tried $('.selector').tabs({show: function(event, ui) > > { map.checkResize(); }}); > > but this gets fired no matter which tab is clicked. > > Then you'll need to check if it's the right tab before calling > checkResize: > > $('.selector').tabs({ > show: function(event, ui) { > if (ui.index === 1) { > map.checkResize(); > } > } > > }); > > --Klaus --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
