jqueryUI tab标签页代码分享
本文实例为大家分享了jqueryUItab标签页的具体代码,供大家参考,具体内容如下
vartemp=1;
vararr=["我的首页"];
//×号点击关闭li
$("#tabs").delegate(".ui-icon-close","click",function(){
varpanelId=$(this).closest("li").remove().attr("aria-controls");
varval=$(this).closest("li").children("a").text();
for(i=0;i');
html.push('
LoadFailed?');
html.push(' ');
$(tab).append(html.join(""));
$(tab).find("iframe").height($(window).height()-80);
}
returnfalse;
}
//点击左边按钮后,创建tab
$(".layui-nav-child").on('click','dd',function(){
vartab_name=$(this).text();
vartitle_1=$(this).children("a").attr("title");
//未创建过,则创建标签
if(arr.indexOf(tab_name)==-1){
arr.push(tab_name);
varlink_url=$(this).children("a").attr("title");
temp++;
addTab(tab_name,link_url,temp);
}
//创建了,则跳转到已存的标签页
else{
$("#mmlia").each(function(i,val){
if($(this).attr("rel")==title_1){
varjjjj=$(this).attr("href");
$("#tabs").tabs("option","active",$(jjjj).index()-1);
loadTabFrame(jjjj,title_1);
returnfalse;
}
});
}
});
//创建标签
functionaddTab(name,url,temp1){
varhre="#contant_"+temp1;
varhre1="contant_"+temp1;
//varli="
"+name+"×";
varli="
"+name+"×";
//alert(li);
//$(li).appendTo(".m-tabList").addClass('tabCur').siblings('li').removeClass('tabCur');
vardiv="
";
$("#tabs").find(".ui-tabs-nav").append(li);
//varpanelId=$(this).closest("li").attr("aria-controls");
$("#tabs").append(div);
$("#tabs").tabs("refresh");
$("#tabs").tabs("option","active",$("#tabs").find(hre).index()-1);
loadTabFrame(hre,url);
}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。