Hello friends,
i have three subtabs under main tab, when I click main tab defauly I am dislyaing tab1 data using jquery grid, now initially I need disable the tab2 and tab3,
can any one help me out thanks
Hello friends,
i have three subtabs under main tab, when I click main tab defauly I am dislyaing tab1 data using jquery grid, now initially I need disable the tab2 and tab3,
can any one help me out thanks
with absolut zero information about code and markup, I'd just suggest you to create some kind of 'disabled' css class which makes clear for an user those tabs are disabled at present and remove all event handlers (.unbind, .kill, .undelegate)
Kind Regards
--Andy
From the jQuery UI tabs documentation. Note that it's zero-based so this disables the 2nd and 3rd tabs.
$( ".selector" ).tabs( { disabled: [1, 2] } );
Assuming you are using the jQuery UI tabs:
You can use "disable" to disable a given tab after initialization:
jQuery("#myTab").tabs( "disable" , index )
Alternatively, if you need to disable tabs when the tabs are first displayed, you can pass the disabled option and an array of tabs to disable:
$( ".selector" ).tabs( { disabled: [1, 2] } );