easy ui 的tab窗口，js无法加载问题

最新推荐文章于 2022-05-04 21:05:52 发布

无名!

最新推荐文章于 2022-05-04 21:05:52 发布

阅读量3.4k

点赞数

分类专栏： easy ui

本文链接：https://blog.csdn.net/abaloneking/article/details/17173741

版权

easy ui 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

框架页面，调用下面js打开一个tab嵌套页面，这种方式导致新打开的页面js无法加载，也就是说子页面<head></head>之间写的js无法顺利加载，就是随便写个js方法，下面用按钮点击调一下都不行，ie报找不到方法的错误，把js写在body标签里面才可以，能用也就算了。但是有个问题，就是jquery 的$(function() {}这个方法没法顺利加载。

<script type="text/javascript">
    function add(type, index, url) {
        if (!$('#reporttablist').tabs('exists', type)) {
            $('#reporttablist').tabs('add', {
                title: type,
                href: url,
                closable: true,
                stlye: '{overflow:hidden}'
            })
        } else {
            $('#reporttablist').tabs('select', type)
        }
    }
</script>

为了解决上面jquery 的$(function() {}加载问题，郁闷了一天，还是在网友的帮助下解决的，如下打开tab页面：

<script type="text/javascript">
	function createFrame(url){
		var s = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe>';
		return s;
	}
	
    function add(type, index, url) {
        if (!$('#reporttablist').tabs('exists', type)) {
            $('#reporttablist').tabs('add', {
                title: type,
                //href: url,
                content:createFrame(url),
                closable: true,
                stlye: '{overflow:hidden}'
            })
        } else {
            $('#reporttablist').tabs('select', type)
        }
    }
</script>

这样就好了，就是打开方式的问题。