Good day everyone.
I'm using Jquery Tabs UI and loading content via Ajax. I'm trying to
select one of the tabs from a link on another page. I'm not having any
luck with the example on the jquery docs page.
When I assign the #standard as an ID on the A tag it does not load the
content of that tab. Example: <li><a href="users-standard.php"
id="#standard">Users</a></li>
Does anyone have any suggestions?
Thanks!!
// Jquery Stuff
$(document).ready(function(){
var $tabs = $("#tabs-container").tabs();
$('#standard').click(function() { // bind click event to link
$tabs.tabs('select', 2); // switch to third tab
return false;
});
});
// HTML Stuff
<div id="tabs-container">
<ul>
<li><a href="users-admin.php">Administrators</a></li>
<li><a href="users-standard.php">Users</a></li>
<li><a href="users-notify.php">Process Users</a></li>
<li><a href="users-activity.php">User Activity</a></li>
<li><a href="db-backup.php">Database Backup</a></li>
</ul>
</div>
// Jquery Documentation
http://docs.jquery.com/UI/Tabs#...select_a_tab_from_a_text_link_instead_of_clicking_a_tab_itself--