q444916237 2015-06-16 01:35 采纳率: 100%
浏览 6938
已采纳

关于easyui tab iframe 高度问题

$(function() {
    for ( var i = 0; i < 1; i++) {
        addTab(i, 'http://www.163.com');
    }
});
function addTab(subtitle, url) {
    if (!$('#tabs').tabs('exists', subtitle)) {
        $('#tabs').tabs('add', { 
            title: subtitle,
            content: createFrame(url),
            closable: true 
        });
        $('#tabs').tabs('getSelected').css('width', 'auto'); 
        //重新tab body宽度为auto,如果你上面的添加语句设置了selected为false,注意使用下面注释的这句来获取你的tab
        //$('#tabs').tabs('getTab', subtitle).css('width', 'auto');
    }
    tabClose();
    $('#tabs').tabs('getSelected').css('width', 'auto'); 
}

function createFrame(url) {
    var s = '<iframe scrolling="auto" frameborder="0"  src="' + url
            + '" style="width:100%;height:100%;"></iframe>';
    return s;
}

function tabClose() {
    /*双击关闭TAB选项卡*/
    $(".tabs-inner").dblclick(function() {
        var subtitle = $(this).children("span").text();
        $('#tabs').tabs('close', subtitle);
    });
}



    <div title="欢迎使用" style="padding: 20px; overflow: hidden;height: auto;width: 100px;" id="home">

        <h1>
            <a href="javascript:addTab('test','addTDemo.jsp');">111</a>
        </h1>

    </div>

</div>

 运行后的代码


style="width: auto; height: auto;">

        <div class="panel" style="display: block; width: auto;">
            <div title=""
                style="padding: 20px; overflow: hidden; height: auto; width: 1558px;"
                id="home"
                class="panel-body panel-body-noheader panel-body-noborder">

                <h1>
                    <a href="javascript:addTab('test','addTDemo.jsp');">111</a>
                </h1>

            </div>
        </div>

        <div class="panel" style="display: none; width: auto;">
            <div title=""
                class="panel-body panel-body-noheader panel-body-noborder"
                style="width: 1598px; height: auto;">
                <iframe scrolling="auto" frameborder="0" src="http://www.163.com"
                    style="width:100%;height:100%;"></iframe>
            </div>
        </div>
    </div>
</div>


""
图片说明
高度很低。

  • 写回答

2条回答 默认 最新

  • q444916237 2015-06-16 03:17
    关注

    已经解决。去掉tabs的class,在JS里写
    $("#tabs").tabs({
    width:$("#tabs").parent().width(),
    height:$("#tabs").parent().height()
    });

    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 #求带 python,使用pycharm爬取智联招聘数据资源并保存为Excel文件,同时以图表形式呈现
  • ¥15 学校优化算法怎么样,国内用的多吗?
  • ¥15 微信购物商城购物车的所有功能以及购物车,和首页的搜索功能
  • ¥40 servlet的web程序部署出错
  • ¥50 activiti 新建流程系列问题
  • ¥50 为什么我版本升级之后运行速度变慢5倍??
  • ¥15 如何在gazebo中加载机械臂和机械手
  • ¥15 纯运放实现隔离采样方案设计
  • ¥20 easyconnect无法连接后缀带.com的网站,一直显示找不到服务器ip地址,但是带有数字的网站又是可以连接上的,如何解决
  • ¥15 电脑开机过商标后就直接这样,求解各位