根据用户选择禁用和启用jquery选项卡

Question

I am using jquery tabs to present some data , I want to give user an option to choose if she/he wants it to be displayed as tabs or in one after another. When the user selects from a drop down how she/he wants to view I remove/add the ui-tabs classes but this approach doesnot seem to work. There is also one workaround to destroy and create it on every call but I suppose this is not a good approach. Can any one suggest me what to do ...

Answer 1

Have you tried

$('#tabsDiv').tabs('disable', 1); //where 1 is the tab number

or apply a class on specific tab

.ui-tabs-disabled {
    display: none; 
} 

Refer this link for more info

Answer 2

你可以这样做

$( "#tabs" ).tabs( "destroy" );