Addendum to my last post:
There's another reason that I need to find a better way. If I load
the 'about' tab first (go to http://reconcilers.sterlingkcreations.com/#about
to see example), the rounding doesn't work at all. So I really need
to have all rounded boxes have the same class (i.e. '.round_box' and
not '.round_box2', etc) and be able to do it with one call. Note that
it doesn't work to make two calls on the same class - I already tried.
On Oct 29, 9:05 pm, SterlingK <[EMAIL PROTECTED]> wrote:
> Dave, you nailed it. I'm pretty new to jquery stuff, so I really
> appreciate that nudge in the right direction.
>
> What I did is a callback on 'show' in my tabs function. Two
> relatively small problems have now arisen from that. First, in
> Firefox the box that should be rounded flickers quite obviously when
> the tab is loaded (not in ie7 - didn't test others). Second, I end up
> having to make two calls to the rounded-corners plugin. One works for
> the tab that is loaded first, one works for the tabs that are loaded
> on 'show' (once they're clicked). Is this okay? Again, I'm fairly
> new, but it seems like one should avoid two calls when possible. Is
> there a better way?
>
> Here's the code I'm using:
> $(document).ready(function() {
> $('#tab_menu ul').tabs({ cache: false, show: function() { $
> ('.round_box2').corner(); } });
> $('.round_box').corner();
> $('#content_menu').localScroll({ speed: 800 });
>
> });
>
> The '.round_box' call is for that first page, the '.round_box2' is for
> every other page. Again, I'm definitely open to learning a better
> way.
>
> - Sterling
>
> On Oct 29, 7:08 pm, Dave Methvin <[EMAIL PROTECTED]> wrote:
>
> > > My problem is that my corners will round just fine so long as they're
> > > in the first tab. After that, they don't round at all. I can have
> > > several divs on the first page and all will have rounded corners with
> > > no problems, but nothing beyond that first tab.
>
> > My guess--just a guess mind you--is that they are not rounded because
> > they are contained in an element that is hidden. jQuery makes heroic
> > efforts to determine the dimensions of an element if it is directly
> > hidden (display:none) but the elements you want to round are probably
> > several levels down below the tab element that is hidden. In those
> > cases the browser often returns bad values for height and width.
>
> > If that is the problem, you could fix it by rounding the corners on
> > elements in the selected tab the first time it is selected, as soon as
> > it's set visible.
>
> > If it isn't the problem, then my guess was wrong. :-)
