Before jquery UI 1.10.0 I used to indirectly select a tab like this:
$("#tabs").tabs( "select", 5 );
or
$("#tabs").tabs( "select", "tab6" );
Now, with the same code, using jquery UI 1.10.0 , you get an error saying that there is "no such method 'select' for tabs widget instance".
I changed the code to use the "option" "active" like this:
$("#tabs").tabs( "option","active", 5 );
However, it looks like I can use only the index. Selecting by ID is not working anymore. So, instead of using the ID like this (which is not working) :
$("#tabs").tabs( "option","active", "tab6" );
you have to do it like this:
var idx = $('#tabs a[href="#tab6"]').parent().index();
$("#tabs").tabs( "option", "active", idx );
or, in a shorter form
$("#tabs").tabs( "option", "active", $("#tab6").parent().index() );
I read the "changelog" (http://jqueryui.com/changelog/1.10.0/) and I don't see anything about this change.
Is there another way of selecting a tab by name in jquery UI 1.10.0 ?
I created a demo here for whoever wants to try...