用jQuery打造TabPanel效果代码

2020-05-17 06:22:21易采站长站整理

if(eleft-(lleft+lwidth+-innerwidth+40)<=innerwidth)
{
scrollerright.addClass(“x-tab-scroller-right-disabled”);
}
stripwrap.animate({“scrollLeft”:sleft},”fast”);
}
}
liitem.click();
}
function liswaphover()
{
$(this).hover(function(e){
if(!$(this).hasClass(“x-tab-strip-disabled”))
{
$(this).addClass(“x-tab-strip-over”);
}
},function(e){
if(!$(this).hasClass(“x-tab-strip-disabled”))
{
$(this).removeClass(“x-tab-strip-over”);
}
});
}
function closeitemclick()
{
if($(this).hasClass(“x-tab-strip-closable”))
{
$(this).find(“a.x-tab-strip-close”).click(function(){
deleteitembyliid($(this).parent().attr(“id”));
});
}
}
function liclick()
{
$(this).click(function(e){
var itemid = this.id.substr(7);
var curr = getactiveitem();
if( curr !=null && itemid == curr.id)
{
return;
}
var clickitem = getitembyid(itemid);
if(clickitem && clickitem.disabled)
{
return ;
}
if(curr)
{
$(“#tab_li_”+curr.id).removeClass(“x-tab-strip-active”);
$(“#tab_item_”+curr.id).addClass(“x-hide-display”);
curr.isactive =false;
}
if(clickitem)
{
$(this).addClass(“x-tab-strip-active”);
$(“#tab_item_”+clickitem.id).removeClass(“x-hide-display”);
if(clickitem.url)
{
var cururl = $(“#tab_item_frame_”+clickitem.id).attr(“src”);
if(cururl ==”about:blank”)
{
$(“#tab_item_frame_”+clickitem.id).attr(“src”,clickitem.url);
}
}
else if(clickitem.cuscall && !clickitem.cuscalled)
{
var panel = $(“#tab_item_content_”+clickitem.id);
var ret = clickitem.cuscall(this,clickitem,panel);
clickitem.cuscalled =true;
if(ret) //如果存在返回值,且不为空
{
clickitem.content = ret;
panel.html(ret);
}
}
clickitem.isactive =true;
if(clickitem.onactive)
{
clickitem.onactive.call(this,clickitem);
}
}
});
}
//获取当前活跃项
function getactiveitem()
{
for(var i=0,j=dfop.items.length;i<j ;i++)
{
if(dfop.items[i].isactive)
{
return dfop.items[i];
break;
}
}
return null;
}
//根据ID获取Item数据
function getitembyid(id)
{
for(var i=0,j=dfop.items.length;i<j ;i++)
{
if(dfop.items[i].id == id)
{
return dfop.items[i];
break;
}
}
return null;
}
function getIndexbyId(id)
{
for(var i=0,j=dfop.items.length;i<j ;i++)
{
if(dfop.items[i].id == id)
{
return i;
break;
}
}
return -1;
}
//添加项
function addtabitem(item)
{
var chkitem =getitembyid(item.id);
if(!chkitem){
var isactive =item.isactive;