Thanks Klaus!
You're going to kill me, I just know it, but I'm finding another
problem with nested tabs and your response (mentioning the "select"
method and forcing me to read about it closely) provided me the
necessary words to describe it. Here goes:
When I create a nested tab set and use a miXeD case id selector for
the INTERIOR tab set container it breaks the interior tab set:
$(document).ready(function(){
$('#container-1 > ul').tabs({cookie:{}});
});
<div id="container-1">
<ul>
<li><a href="#fragment-1"><span>Section 1</span></a></li>
<li><a href="#fragment-2"><span>Section 2</span></a></li>
</ul>
<div id="fragment-1">Section 1 content</div>
<div id="fragment-2">
<div id="Container-2"> <<<<<< Note mixed case here
<ul>
<li><a href="#fragment-2a"><span>Section 2a</span></
a></li>
<li><a href="#fragment-2b"><span>Section 2b</span></
a></li>
</ul>
<div id="fragment-2a">Section 2a content</div>
<div id="fragment-2b">Section 2b content</div>
</div>
</div>
</div>
Interestingly, this javascript avoids the problem while maintaining
the nest with full cookie functionality (short of those you've
addressed in this thread):
$('#container-1 > ul').tabs({cookie:{}});
$('#Container-2 > ul').tabs({cookie:{}});
Since I'll be working with lots of tabs and nested tabs I'd like to
use mixed case to help me keep them straight. Can you foresee any
issues with implementing the nesting this way?
On Feb 22, 9:42 am, Klaus Hartl <[email protected]> wrote:
> Activating a nested tab is not supported, it is just not feasible.
> That is the same with using the select method... You'd have to take
> care of that manually.
>
> The reason is that a tab never knows wether it is nested or not.
>
> -Klaus
>
> On 22 Feb., 16:09, Jeffrey B <[email protected]> wrote:
>
> > Good morning Klaus,
>
> > Once again thank you for the quick follow up to my original posting
> > with ticket 4210.
>
> > I've been playing around with using links to target tab contents and
> > believe I've uncovered an unexpected behavior similar to my original
> > behavior. It relates to links targeting content contained in nested
> > tabs.
>
> > I've created a web page using your "nested tabs" demonstration code
> > with the HTML slightly modified to better highlight the behavior and
> > adding cookie.js functionality. You can find it here:
>
> >www.make-shades.com/test6.php
>
> > Once there, if you follow the steps I've noted you'll see the
> > behavior.
>
> > All the best,
>
> > Jeffrey
>
> > On Feb 21, 7:39 pm, Klaus Hartl <[email protected]> wrote:
>
> > >http://dev.jqueryui.com/ticket/4210
>
> > > --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
-~----------~----~----~----~------~----~------~--~---
