Easyui解决使用tab的时候id冲突问题

最新推荐文章于 2021-09-16 16:44:57 发布

走自已的路

最新推荐文章于 2021-09-16 16:44:57 发布

阅读量6.4k

点赞数

分类专栏： web前端文章标签： easyui tab 冲突

本文链接：https://blog.csdn.net/xiaozhi6156/article/details/41209641

版权

一开始我直接用href引用，结果

摘要由CSDN通过智能技术生成

一开始tab我直接用href引用，结果发现各种id冲突。

google一番之后，采用iframe方式，就可以解决这种问题。

function addTab(title, href){
        var tt = $('#center_tab');
        if (tt.tabs('exists', title)){//如果tab已经存在,则选中并刷新该tab
            tt.tabs('select', title);
            refreshTab({tabTitle:title,url:href});
        } else {
            if (href){
                var content = '<iframe scrolling="no" frameborder="0"  src="'+href+'" style="width:100%;height:100%;"></iframe>';
            } else {
                var content = '未实现';
            }
            tt.tabs('add',{
                title:title,
                closable:true,
                content:content,
            });
        }
    }