How to know if a tab is enabled on jQuery tabs?

Question

I can't find in the API of jQuery UI Tabs ( http://docs.jquery.com/UI/Tabs) a method to know if a certain tab is enabled or not, I need that because in an event of my application I want to enable a certain tab only if that tab is disabled.

Do you know how can I get that information from the jquery api?

Thanks in advance.

Answer 1

The disabled option returns an aray of he indexes of the disabled tabs, so a function to check if one's disabled would look like this:

function isDisabled(index) {
  return $.inArray(index, $("#tabs").tabs("option", "disabled")) > -1;
}

You can give it a try here, this just uses $.inArray() to see if the index is present, just remember the index is 0 based, so the 1st tab is 0, 2nd one is 1, etc.

Answer 2

You're almost there (it's on your link): disabled

//getter
var disabled = $( ".selector" ).tabs( "option", "disabled" );
//setter
$( ".selector" ).tabs( "option", "disabled", true );