When upgrading to 1.7, you have to apply tabs to the container, not
the ul: $("#tabs").tabs();
Jörn
On Wed, Mar 4, 2009 at 2:24 PM, Rob <[email protected]> wrote:
>
> I am having problems as well getting UI tabs to work. I have no
> problems with other widgets I use in the same directory (accordion and
> datepicker) but tabs won't work for me at all. I get an unstyled page
> with the unordered list on top
>
> My source code:
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://
> www.w3.org/TR/html4/loose.dtd">
> <html>
> <head>
> <title>Tabs test</title>
>
> <script type="text/javascript" src="/virginia_blacksox/jquery/
> jquery-1.3.2.min.js"></script>
> <script type="text/javascript" src="/virginia_blacksox/jquery/jquery-
> ui-1.6rc6.min.js"></script>
> <link rel="stylesheet" type="text/css" href="/virginia_blacksox/
> styles/ui.tabs.css"></link>
>
> <script type="text/javascript">
> $(document).ready(function(){
> alert("testing jquery");
> $("#tabs > ul").tabs();
> });
> </script>
>
> </head>
> <body>
> <div id="tabs">
> <ul>
> <li><a href="#tab1">Tab 1</a></li>
> <li><a href="#tab2">Tab 2</a></li>
> <li><a href="#tab3">Tab 3</a></li>
> </ul>
> <div id="tab1">
>
> <p>Text for tab 1</p>
> </div>
> <div id="tab2">
> <p>Text for tab 2</p>
> </div>
> <div id="tab3">
> <p>Text for tab 3</p>
>
> </div>
> </div>
> </body>
> </html>
> - Show quoted text -
> >
>
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
