> 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
-~----------~----~----~----~------~----~------~--~---
