bootstrap添加iframe页

改写自: https://www.cnblogs.com/yxgmagic/p/9637075.html

效果图:

<div class="ibox float-e-margins">
    
    <div ></div>
    
</div>
<script src="xxx.js"></script><!-- 引入下面js即可,自己命名 -->
<script>

    var iframe = $("#tabContainer").iframes({
        data: [ {
            id: 'home',
            text: '用户',
            url: "/mgr/user_edit/47",
            closeable: true
        }, {
            id: 'admineap2',
            text: '日志列表',
            url: "/menu/menu_edit/158"
            ,closeable: true
        }
        /* , {
            id: 'admineap',
            text: '部门',
            url: "/dept/dept_update/27"
        }, {
            id: 'menu',
            text: '菜单',
            url: "/menu/menu_edit/107"
        },{
            id: 'edit',
            text: '百度一下',
            url: "/blackboard/show",
            //closeable: true
        } */],
        //showIndex: 1,
        loadAll: false
    })

    iframe.addIframe({
        id: 'admineap',
        text: '部门',
        url: "/dept/dept_update/27"
        ,closeable: true
    });
    
    iframe.addIframe({
        id: 'menu',
        text: '菜单',
        url: "/menu/menu_edit/107"
        ,closeable: true
    });
    //iframe.showIframe('admineap');//根据数据属性id设置
</script>

View Code