1,html标签
2,js函数处理
//tab右侧菜单
$(".tabs-header").bind('contextmenu',function(e){
e.preventDefault();
$('#rcmenu').menu('show', {
left: e.pageX,
top: e.pageY
});
});
//关闭当前标签页
$("#closecur").bind("click",function(){
var tab = $('#tabsId').tabs('getSelected');
var index = $('#tabsId').tabs('getTabIndex',tab);
if(index!=0){ //不关闭第一个tab
$('#tabsId').tabs('close',index);
}
});
//关闭所有标签页
$("#closeall").bind("click",function(){
var tablist = $('#tabsId').tabs('tabs');
for(var i=tablist.length-1;i>=1;i--){ //不关闭第一个tab
$('#tabsId').tabs('close',i);
}
});
//关闭其它标签页(先关闭右侧,再关闭左侧)
$("#closeother").bind("click",function(){
var tablist = $('#tabsId').tabs('tabs');
var tab = $('#tabsId').tabs('getSelected');
var index = $('#tabsId').tabs('getTabIndex',tab);
for(var i=tablist.length-1;i>index;i--){
$('#tabsId').tabs('close',i);
}
var num = index-1;
for(var i=0;i<=num;i++){ //关闭左侧
if(num!=0 && index!=0){
$('#tabsId').tabs('close',num);
}
}
});
//关闭当前标签页右侧标签页
$("#closeright").bind("click",function(){
var tablist = $('#tabsId').tabs('tabs');
var tab = $('#tabsId').tabs('getSelected');
var index = $('#tabsId').tabs('getTabIndex',tab);
for(var i=tablist.length-1;i>index;i--){
$('#tabsId').tabs('close',i);
}
});
//关闭当前标签页左侧标签页
$("#closeleft").bind("click",function(){
var tab = $('#tabsId').tabs('getSelected');
var index = $('#tabsId').tabs('getTabIndex',tab);
var num = index-1;
for(var i=0;i<=num;i++){
if(num!=0 && index!=0){
$('#tabsId').tabs('close',num);
}
}
});
在原基础修改判断对默认第一个tab不做菜单的操作,只处理动态打开的tab操作