jqueryUI中tab标签页的示例分析
这篇文章主要为大家展示了“jqueryUI中tab标签页的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“jqueryUI中tab标签页的示例分析”这篇文章吧。
在精河等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都网站制作、网站建设 网站设计制作按需求定制制作,公司网站建设,企业网站建设,品牌网站设计,成都营销网站建设,外贸网站制作,精河网站建设费用合理。
具体内容如下
var temp=1;
var arr=["我的首页"];
//×号点击关闭li
$("#tabs").delegate( ".ui-icon-close", "click", function() {
var panelId = $( this ).closest( "li" ).remove().attr( "aria-controls" );
var val= $( this ).closest( "li" ).children("a").text();
for( i=0;i');
html.push('');
html.push('
');
$(tab).append(html.join(""));
$(tab).find("iframe").height($(window).height()-80);
}
return false;
}
//点击左边按钮后,创建tab
$(".layui-nav-child").on('click','dd',function(){
var tab_name=$(this).text();
var title_1=$(this).children("a").attr("title");
//未创建过,则创建标签
if(arr.indexOf(tab_name)==-1){
arr.push(tab_name);
var link_url= $(this).children("a").attr("title");
temp++;
addTab(tab_name,link_url,temp);
}
//创建了,则跳转到已存的标签页
else{
$("#mm li a").each(function(i,val){
if($(this).attr("rel")==title_1){
var jjjj=$(this).attr("href");
$("#tabs").tabs("option","active", $(jjjj).index()-1);
loadTabFrame(jjjj,title_1);
return false;
}
});
}
});
//创建标签
function addTab(name,url,temp1){
var hre="#contant_"+ temp1;
var hre1="contant_"+ temp1;
//var li="
"+name+"×";
var li="
"+name+"×";
//alert(li);
// $(li).appendTo(".m-tabList").addClass('tabCur').siblings('li').removeClass('tabCur');
var div="
";
$("#tabs" ).find( ".ui-tabs-nav" ).append( li );
// var panelId = $( this ).closest( "li" ).attr( "aria-controls" );
$("#tabs").append(div);
$("#tabs").tabs("refresh");
$("#tabs").tabs("option","active",$("#tabs").find(hre).index()-1);
loadTabFrame(hre,url);
}
以上是“jqueryUI中tab标签页的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
当前名称:jqueryUI中tab标签页的示例分析
文章地址:
http://cdkjz.cn/article/gjgdgp.html