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); }

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。