Switch to selected tab by name in Jquery-UI Tabs

Posted by Rob on Stack Overflow See other posts from Stack Overflow or by Rob
Published on 2009-02-23T16:45:23Z Indexed on 2010/05/01 3:37 UTC
Read the original article Hit count: 262

Filed under:

jquery-ui

|

tabs

If I have three tabs:

<div id="tabs">
    <ul>
        <li><a href="#sample-tab-1"><span>One</span></a></li>
        <li><a href="#sample-tab-2"><span>Two</span></a></li>
        <li><a href="#sample-tab-3"><span>Three</span></a></li>
    </ul>
</div>

I would like to swap to #sample-tab-2 by it's name. I know I can switch to a tab if I know it's number, but in the case I've run into I won't know that.

Notes: JQuery 1.3.1 / JQuery-UI 1.6rc6

© Stack Overflow or respective owner

Related posts about jquery-ui

jquery.ui.draggable.js and jquery.ui.widget.js conflict

as seen on Stack Overflow - Search for 'Stack Overflow'
hello I had a working application, which uses a jquery ui dialog. I wanted to make the dialog draggable. As far as I know the only thing needed is the jquery.ui.draggable.js script. So I added it to the scripts I am using, but know I get the following error (as shown in the firebug console): base… >>> More
Use JQuery UI Datepicker with Icons from Jquery UI Theme

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a datepicker control setup using the JQuery UI, I am also using the JQuery UI themes which provide a bunch of default icons that I want to use. The DatePicker allows for specifying a specific image, i.e.: <script type="text/javascript"> $(document).ready(function() { $("#DateFrom")… >>> More
JQuery UI function errors out: Object is not a property or method

as seen on Stack Overflow - Search for 'Stack Overflow'
In the following code I get an error that says autocomplete function Object is not a property or method Here is the code: <title><%= ViewData["pagetitle"] + " | " + config.Sitename.ToString() %></title> <script src="../../Scripts/jqueryui/jquery-ui-1.8.1.custom/development-bundle/ui/minified/jquery… >>> More
Strange jQueryUI dialog error

as seen on Stack Overflow - Search for 'Stack Overflow'
I have dialog created like this $('#add_error').click(function(e) { $('<div>') .load('/someaction/format/html/') .dialog({ title: 'Some title', modal: true, width: 385, close: function() { … >>> More
JavaScript : jQuery UI 1.8 est disponible avec 5 nouveaux plug-ins, 1 nouvel effet et des centaines

as seen on Developper.com - Search for 'Developper.com'
jQuery UI 1.8 est disponible L'équipe de jQuery UI annonce la sortie de jQuery UI 1.8, cette version apporte 5 nouveaux plug-ins, 1 nouvel effet, et des centaines de corrections de bogues et d'améliorations. Pour une liste complète de tous les changements entre jQuery UI 1.7.2 et jQuery UI 1… >>> More

Related posts about tabs

prevent IE8 tabs from opening tabs in stack in taskbar

as seen on Super User - Search for 'Super User'
This may have been asked before too... But, anyways. I'm using Windows 7 Ultimate, and IE 8, and have the taskbar in icon view. I'm not sure how to explain this, but I'm amazed at how each tab in IE8 seems to act like a new "process" in the taskbar (as if each tab was a window). Like... each tab… >>> More
jQuery UI Tabs customization for many tabs

as seen on Stack Overflow - Search for 'Stack Overflow'
I'd like to implement a tab bar using jquery-ui-tabs that has been customised to work like it does on HootSuite. Try this on HootSuite to see what I mean: Log in to your hootsuite.com account Click the + symbol to the right of your tabs Add tabs named "MMMMMMMMMMMMMMMMM" until a "More..." tab appears You'll… >>> More
Manage and Customize Visual Studio Tabs with Tabs Studio Add-in

as seen on Internet.com - Search for 'Internet.com'
With Tabs Studio the user is able to better manage all open documents in Visual Studio, grouped and organized most efficiently. This Visual Studio add-in supports the latest VS versions and will especially come handy when you open many tabs at once. >>> More
jQuery UI Tabs Plugin Broke

as seen on Stack Overflow - Search for 'Stack Overflow'
We are using the jquery ui tabs arrow plugin from this fiddle: http://jsfiddle.net/dECtZ/282/, but like many plugins, it breaks with the latest version of jQuery. We were able to get the csscur to work, but still get the following error in the jquery core (line 353): Uncaught TypeError: Cannot assign… >>> More
jquery ui tabs close button beneath the text

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi I m using jquery ui tabs and i m using them with the function of dynamically closing them. the example page here where clicking on the link 'add tab' leads to adding of tabs in the tabs panel... now in firefox the close buttons are displayed beneath the text of the tab which is leading to… >>> More