jQuery easyui 扩展tab----添加禁用tab的方法

为什么80%的码农都做不了架构师？>>>   

下面的代码演示一个简单的方式来实施'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

转载于:https://my.oschina.net/btboys/blog/66142