Thanks for the tip. All the tutorials out there are using older
versions, and I did not see that change on the jquery site.

On Mar 5, 5:50 am, Jörn Zaefferer <[email protected]>
wrote:
> 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
-~----------~----~----~----~------~----~------~--~---

Reply via email to