[jQuery] [jQuery Tabs] Select tab from link

[StephenJacob]

Good day everyone.

I'm using Jquery Tabs UI and loading content via Ajax.  I'm now 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!!
Stephen


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