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>
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
