easyui 多个tab中包含多个iframe的问题

场景：

       最近用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>'
                        }
                    });
                }
            }
        });
    });