For anyone who runs into the same problem, I just read through the
code to figure it out myself. Tabs uses a children('ul:first') in
order to select out the navigation list, so you have to wrap your list
to ensure that it is first in its container. In addition, all of the
CSS tricks assume that container of the 'panels' (panels being the tab
contents) has a class of 'ui-tabs', so you have to add that class to
your content container. Take those two precautions, and everything
else just works...
Douglas Mayle
On Apr 28, 2009, at 10:31 PM, doug wrote:
>
> Hello everybody,
> I'm trying to figure out how to use UI Tabs when my structure is
> different from the default.
> My HTML looks like:
> <body>
> <div id="header"><ul><li><a href="#tab-1">tab 1</a></li>
> <li><a href="#tab-2">tab 2</a></li></ul>
> </div>
> <div id="content">
> <div id="tab-1">Content 1</div>
> <div id="tab-2">Content 2</div>
> </div>
> </body>
>
> The working solution I have is to create a second tab control inside
> the content div with display:none, and then I've hooked up the click
> handler on the header list items, but that means I'll have to handle
> the selection code myself. It feels really hackish.
>
> Is there a better way to handle this?
>
> Thanks,
> Douglas Mayle
>
> >
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
