Its now more prominent on the upgrade guide.

Jörn

On Thu, Mar 5, 2009 at 6:49 PM, Rob <[email protected]> wrote:
>
> 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
>>
> - Show quoted text -
>> 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