[jQuery] Re: jquery accordion inside the jquery tabs

[Alex Pimenta]

I can solve this problem insert tha follow instruction :
if (isNaN(g)) g = 0;
afer
if (l.prop == "height") { g = (l.now - l.start) / (l.end - l.start); }

so
...
  step: function(k, l) {
if (l.prop == "height") {
g = (l.now - l.start) / (l.end - l.start);
}
if (isNaN(g)) g = 0;
j.toShow[0].style[l.prop] = (g * d
[l.prop].value) + d[l.prop].unit;
},
...

[jQuery] Re: jquery accordion inside the jquery tabs

[Henchan]

Very similar problems experienced here.
As well as accordion, my JQuery sliders were also failing.
I fixed it by removing some code from my application. I got this code
from D. Crockford.

Object.prototype.beget = function () { // thanks Crockford
function F() {}
F.prototype = this;
return new F();
};

I guess there is some incompatibility between Object.prototype and
JQuery.

[jQuery] Re: jquery accordion inside the jquery tabs

[Ryan]

I'm getting the exact same problem.  Accordion inside 2nd tab of 3 is
freezing.  Visual Studio points to this line:

 j.toShow[0].style[l.prop]=(g*d[l.prop].value)+d[l.prop].unit

g is NaN, l.prop is height.  g is set right before this:

g=(l.now-l.start)/(l.end-l.start)

l.now, l.start, l.end are all 0.

No answer yet.

R

[jQuery] Re: jquery accordion inside the jquery tabs

[Nathan Searles]

You'll want to read:
http://docs.jquery.com/UI/API/1.6/Tabs

At the bottom there is a section called "...my slider, Google Map,
etc. not work when placed in a hidden (inactive) tab?".

As the docs state:
Any component that requires some dimensional computation for its
initialization won't work in a hidden tab, because the tab panel
itself is hidden via display: none so that any elements inside won't
report their actual width and height (0 in most browsers).

Hope that helps.

On May 22, 3:31 am, jFriend  wrote:
> I'll just paste the code first, explain the problems later
> header Code:
> 
>    $(function() {
>       $(".tabs").tabs();
>    });
>    
>
> 
>    $(function() {
>       $(".accordion").accordion();
>    });
>    
>
> html body
> Code:
>
>    
>       
>          something
>          something else
>          something else too
>       
>
>       
>          
>             //random content
>          
>       
>
>       
>          
>          
>
>             Some header
>             
>                
>                // random text
>                
>             
>
>             Another header
>             
>                
>                // random text again
>                
>             
>
>             Some header again
>             
>                
>                // random text yet again
>                
>             
>
>          
>          
>       
>
>       
>          
>             //random content, nothing special here
>
>          
>       
>    
>
> ok, so this is it
>
> The problem is, accordion (inside the tab-2) doesn't work.
> First I thought the problem was in nesting, but I think it's not.
> if I put accordion outside tabs and nest it as many divs deep as i
> want, it still works.
> But when I insert the code for accordion inside the jquery tabs, it's
> all over. I get accordion displayed, but when I click it, nothing
> happens. in firefox i get some slides up down, but no content is
> displayed. in IE I click just 1 tab, slids up and accordion completely
> freezes.
>
> I got the code herehttp://jqueryui.com/demos/accordion/
>
> Any suggestions? thanks in advance