var closableTab = { //frameåŠ è½½å®ŒæˆåŽè®¾ç½®çˆ¶å®¹å™¨çš„高度,使iframe页é¢ä¸Žçˆ¶é¡µé¢æ— ç¼å¯¹æŽ¥ frameLoad:function (frame){ var mainheight = $(frame).contents().find('body').height(); alert(mainheight); $(frame).parent().height(mainheight); }, //æ·»åŠ tab addTab:function(tabItem){ //tabItem = {id,name,url,closable} var id = "tab_seed_" + tabItem.id; var container ="tab_container_" + tabItem.id; $("li[id^=tab_seed_]").removeClass("active"); $("div[id^=tab_container_]").removeClass("active"); if(!$('#'+id)[0]){ var li_tab = '<li role="presentation" class="" id="'+id+'"><a href="#'+container + '" tabclose="' + id +'" role="tab" data-toggle="tab" ondblclick="closableTab.closeTab(this)" style="position: relative;padding:2px 20px 2px 15px">'+tabItem.name; if(tabItem.closable){ li_tab = li_tab + '<i class="ace-icon fa fa-times" tabclose="'+id+'" style="position: absolute;right:2px;top: 9px;" onclick="closableTab.closeTab(this)"></i></a></li> '; }else{ li_tab = li_tab + '</a></li>'; } var iframeHeight = $(window).height() - 117; var tabpanel = '<div role="tabpanel" class="tab-pane" id="'+container+'" style="width: 100%;">'+ '<iframe src="'+tabItem.url+'" id="tab_frame_2" frameborder="0" style="overflow-x: hidden; overflow-y: hidden;width:100%;min-height:' + iframeHeight + 'px" onloads="closableTab.frameLoad(this)"></iframe>'+ '</div>'; $('.nav-tabs').append(li_tab); $('.tab-content').append(tabpanel); } $("#"+id).addClass("active"); $("#"+container).addClass("active"); $("#"+container).find($('iframe')).attr('src', tabItem.url); }, //å…³é—tab closeTab:function(item){ var val = $(item).attr('tabclose'); var containerId = "tab_container_"+val.substring(9); if($('#'+containerId).hasClass('active')){ $('#'+val).prev().addClass('active'); $('#'+containerId).prev().addClass('active'); } $("#"+val).remove(); $("#"+containerId).remove(); } }