Title: Enable Tab
Post by: varonica on July 10, 2012, 07:05:29 PM
Sir, I really need your help!!! Can you tell me how to enable tab again after it disabled ??? I can't doing anything bcoz of it!!! $.extend($.fn.tabs.methods,{
disableTab: function(jq, which){
return jq.each(function(){
var tab = $(this).tabs('getTab', which).panel('options').tab;
tab.addClass('tabs-disabled').unbind('.tabs');
tab.find('a.tabs-close').unbind('.tabs');
});
}
});
// Style
<style>
.tabs li.tabs-disabled a,.tabs li.tabs-disabled a:hover{
background:#ccc;
}
</style>
//Call Method
$('#tt').tabs('disableTab', 1); // the tab panel index start with 0
Plz Plz Plz Help me :( :'(
Title: Re: Enable Tab
Post by: stworthy on July 11, 2012, 12:55:13 AM
To enable a tab panel, rebind the click event for tab panel and close button, please refer to the following code: $.extend($.fn.tabs.methods,{
disableTab: function(jq, which){
return jq.each(function(){
var tab = $(this).tabs('getTab', which).panel('options').tab;
tab.addClass('tabs-disabled').unbind('.tabs');
tab.find('a.tabs-close').unbind('.tabs');
});
},
enableTab: function(jq, which){
return jq.each(function(){
var target = this;
var panel = $(target).tabs('getTab', which);
var tab = panel.panel('options').tab;
tab.removeClass('tabs-disabled').unbind('.tabs').bind('click.tabs', {p:panel}, function(e){
var index = $(target).tabs('getTabIndex', e.data.p);
$(target).tabs('select', index);
}).bind('contextmenu.tabs', {p:panel}, function(e){
var opts = $(target).tabs('options');
var index = $(target).tabs('getTabIndex', e.data.p);
opts.onContextMenu.call(target, e, e.data.p.panel('options').title, index);
});
tab.find('a.tabs-close').unbind('.tabs').bind('click.tabs', {p:panel}, function(e){
var index = $(target).tabs('getTabIndex', e.data.p);
$(target).tabs('close', index);
return false;
});
});
}
});
Title: Re: Enable Tab
Post by: varonica on July 18, 2012, 09:12:59 PM
Thank for you help sir !! ^^ ;D ;D ;D ;D ;D ;) ;) ;) ;)
|