[jQuery] ajax tabs: Where is "remote-tab-1" coming from?
Hi,
I'm trying to create some AJAX tabs that load a PHP page subject to a
parameter. However, whenever I roll over my tabs, or click on one of
them, they attempt to load something called "remote-tab-n" where "n"
is the sequence of where the tab occurred. However, I haven't put
this string anywhere in my code. What am I doing wrong? Here is what
I have:
<html>
<head>
<link type="text/css" href="jquery.tabs.css" rel="stylesheet">
<script src="scripts/jquery-1.1.2.pack.js" type="text/javascript"></
script>
<script src="scripts/jquery.history_remote.pack.js" type="text/
javascript"></script>
<script src="scripts/jquery.tabs.pack.js" type="text/javascript"></
script>
<script type="text/javascript">
$(document).ready(function(){
// 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>
Thanks for any advice, - Dave