layui父页面与子页面交互(报错:window.parent.$ is not a function)

当layer以iframe层的方式弹出新的窗口（子页面），如何在子页面中访问父页面的元素和函数。 

1、访问父页面元素值

var parentId=parent.$("#id").val();//访问父页面元素值

2、访问父页面方法

var parentMethodValue=parent.getMethodValue();//访问父页面方法

3、如何关闭弹出的子页面窗口

var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
parent.layer.close(index);//关闭弹出的子页面窗口

4、如何从子页面执行刷新父页面操作

parent.location.reload(); // 父页面刷新

 

关于layui(layer)子页面获取不到父页面jQuery对象的问题。

如果在使用layui-layer模块过程中，在子页面执行代码:

 

window.parent.$("#id").val()

 

报错:window.parent.$ is not a function。

可以使用以下代码试试:

 

var parent$ = window.parent.layui.jquery;
//为父页面某个#id赋值
parent$("#id").val("xxxx");