[jQuery] ajax tabs: No tabs displaying
Hi,
I can't figure out why no tabs are appearing, it is simply an
unordered list. I have verified the JS scripts are located where I
specified. Here is my code
<html>
<head>
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/lib/jquery.tabs.js"></
script>
<script type="text/javascript">
// create AJAX tabs
$('#container').tabs({
remote: true,
onShow: function(clicked, shown, hidden) {
alert( $('li', shown).size() );
}
});
</script>
</head>
<body>
<div id="container"><ul>
<li><a href="draw_modules?tab_id=1">General</a></li>
<li><a href="draw_modules?tab_id=2">Math</a></li>
<li><a href="draw_modules?tab_id=4">Social Studies</a></li>
<li><a href="draw_modules?tab_id=5">Reading</a></li>
<li><a href="draw_modules?tab_id=6">Learning Management</a></li>
<li><a href="draw_modules?tab_id=9">New Tab</a></li>
</ul></div>
</body>
</html>
Any ideas where I'm going wrong?
Thanks, - Dave