You need to tabify the ul, not its container.
$("#tabs ul").tabs();
--Klaus
On 8 Jan., 18:24, iFeghali <[email protected]> wrote:
> Hello again,
>
> I am trying to get all the tabs loaded via ajax, including the first
> one. The issue is jQuery is creating the dynamic tab DIVs outside
> #tabs which makes the content to be out of frame. To past around this
> I had to have the first tab (default one) as static content:
>
> JS code:
> $("#tabs").tabs();
>
> HTML:
> <div id="tabs">
> <ul>
> <li><a href="#tabs-1">Ugly Hack</a></li>
> <li><a href="a.php">Tab 1</a></li>
> <li><a href="b.php">Tab 2</a></li>
> <li><a href="c.php">Tab 3</a></li>
> </ul>
> <div id="tabs-1">you can't get rid of me.</div>
> </div>
>
> So everything works as expected. Removing the first <li> from #tabs
> would fail (even if i left #tabs-1 laying around inside #tabs).
>
> Im running jQuery 1.2.6 and UI 1.6rc4.
>
> Any clue ?
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
