文章转自：https://blog.csdn.net/bodilove/article/details/54346114?utm_source=blogxgwz8
http://breezylee.iteye.com/blog/1762811

在父页面点个链接能动态看到子页面的情况太简单，请看easyUI官网：http://www.jeasyui.com/tutorial/layout/tabs2.PHP

现在说的是在子页面点个按钮也能触发增加子页面的情况。

情景是，在父页面上有个div如：

Html代码

在子页面上有个

Html代码

test add subpage

现在想点这个链接能弹出一个新的tab，tab里面的内容是百度主页。关键的问题来了，就是testAddSubPage这个function怎么写。

直接这样写是不行的：

Js代码

function testAddSubPage(title,url){

var parentMain = window.parent.document.getElementById(“main”);

var

main = (parentMain);

var content = ‘’;
$main.tabs(‘add’,{
title:title,
content:content,
closable:true
}
);

}

这里虽然可以取到父页面那个id为main的div对象，但是把这个dom对象转化为jQuery对象

main之后，main.tabs(‘add’,{…})这个方法死法报错不能通过。

改正的关键是用top.jQuery这个函数，这个函数具体出外我忘记了，用法看似是取得整个父页面对象，正确是写法：

Java代码

function testAddSubPage(title,url){

var jq = top.jQuery;

if (jq("#main").tabs(‘exists’, title)){
jq("#main").tabs(‘select’, title);
} else {
var content = ‘’;
jq("#main").tabs(‘add’,{
title:title,
content:content,
closable:true
});
}
}