$('#header').tabs();
should work...
--Klaus
On 29 Apr., 15:56, Douglas Mayle <[email protected]> wrote:
> 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
-~----------~----~----~----~------~----~------~--~---
