场景:
?????? 最近用tornado写了一个简单的日志查询的小project,在ui使用easyui来整体解决,之前在使用easyui时都是左侧是菜单栏,当点击菜单动态生成一个tab,但是因为project太简单了没有必要菜单栏的存在,直接两个tab切换即可,因为想简单所以在每个tab中包含一个iframe来调用不同的页面,但是测试发现当存在多个iframe的时候,tab中页面显示会凌乱,width:0px。
?
解决办法,动态创建iframe,当切换到第二个或者后面的tab时,动态创建iframe。
$(function() {
var tab = $("#content").tabs({
onSelect: function(title, index) {
if (index == 1) {
if (window.frames.length == 2) {
return false;
}
var tab = $("#content").tabs("getSelected");
$("#content").tabs("update", {
tab: tab,
options: {
content: '<iframe id="userlog" src="/userlog" frameborder="0" style="width:100%;height:99%" scrolling="no"></iframe>'
}
});
}
}
});
});
?