[jquery-ui] Re: problems with UI tabs

Thu, 05 Mar 2009 10:20:48 -0800

generally not good practice loading script files before css, reversing the load sequence in head might help


Jörn Zaefferer wrote: 
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=""></script>
       <script type="text/_javascript_" src=""></script>
       <link rel="stylesheet" type="text/css" href=""></link>
        
       <script type="text/_javascript_">
       $(document).ready(function(){
               alert("testing jquery");
               $("#tabs > ul").tabs();
       });
       </script>
        
</head>
<body>
<div id="tabs">
       <ul>
               <li><a href="">Tab 1</a></li>
               <li><a href="">Tab 2</a></li>
               <li><a href="">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