使用js来加载tab,防止多次加载
举例:
html代码
tab js调用方法
$(function() { var titleArray = [ "基本信息", "其它信息" ]; var urlArray = [ "view?guid=${guid}", "other?guid=${guid}" ]; loadTab(titleArray, urlArray);});
js加载方法
function loadTab(titleArray, urlArray) { for (var i = 0; i < titleArray.length; i++) { var content = ''; $('#tt').tabs('add', { title : titleArray[i], content : content }); } // 默认选中第一个 $('#tt').tabs({ selected : 0 }); // 高度自适应 $(".frame-size").height($("body").height() - $(".tabs-header").height());}
iframe自适应
iframe { width: 100%; height: 100%; border: 0;}
以前使用的方法,使用easyui-tabs来加载内容,使用iframe来展示内容