easyui实现标签页遇到TypeError: $.data(...) is undefined

susana 发布于 2016/09/07 14:10
阅读 1K+
收藏 0

用的是easyui做的tab标签,在子页面操作,到父页面显示tab标签,提示的错误是:TypeError: $.data(...) is undefined
jquery.easyui.min.js:4825:10

父页面代码

<nav id="id-title" class="oa-nav easyui-tabs">

        <div title="桌面">
        </div>
    </nav>
<iframe name="mainFrame" id="mainFrame" frameborder="0" src="default.html" style="width:100%;height:100%; min-height:520px;"></iframe>

子页面代码

<div class="oa-menulist">
    <div class="oa-menu" onclick="addTab('日报','http://www.qq.com')">
            <span class="oa-menuImg"><img class="oa-setImg" src="images/cubes.png" /></span>
            <span class="oa-menuWord">日报</span>
        </div>
        <div class="oa-menu" onclick="addTab('时间','http://www.163.com')">
            <span class="oa-menuImg"><img class="oa-setImg" src="images/clock.png" /></span>
            <span class="oa-menuWord">时间</span>
        </div>
        <div class="oa-menu" onclick="addTab('统计','http://www.baidu.com')">
            <span class="oa-menuImg"><img class="oa-setImg" src="images/Chart.png" /></span>
            <span class="oa-menuWord">统计</span>
        </div>
<!--        <br />
        <hr />
<span id="id-title"><a>sdsd</a></span>-->
    </div>
子页面js代码

function addTab(title, url){ 
    var id_title =  $('#id-title',parent.document);
if(id_title.tabs('exists', title)){
   id_title.tabs('select', title);
}else{
var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" class="oa-section"></iframe>';
id_title.tabs('add',{
title:title,
content:content,
closable:true
});
}


各位大神,能帮忙看看吗?


非常感谢

加载中
返回顶部
顶部