下面的代码演示一个简单的方式来实施'disableTab方法。
$.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');
});
}
});
添加新的CSS类名为'选项卡-禁用'为禁用标签面板。
.tabs li.tabs-disabled a,.tabs li.tabs-disabled a:hover{
background:#ccc;
}
现在用disableTab方法来禁用第二个标签面板:
$('#tt').tabs('disableTab', 1); // the tab panel index start with 0