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

--

You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to 
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en.


Reply via email to