On 30 Okt., 05:05, 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

Another idea I have is to use an off-screen technique instead of
"display: none;" to hide inactive tab panels. In the CSS look for the
class "ui-tabs-hide", remove the display declaration and use this
instead:

.ui-tabs-hide {
    position: absolute;
    left: -1000px;
}


--Klaus

Reply via email to