layui框架--子页面弹出框layer显示在父页面上面

在这里插入图片描述
我们在子页面“添加”按钮点击后,会弹出子页面add.html页面。如下
在这里插入图片描述
以上“添加”按钮对应的页面代码为
在这里插入图片描述
我们想要add子页面可以在index页面范围内都可以移动,就需要修改代码
在这里插入图片描述
在弹出层layer之前,使用parent来操作,指定弹出到父页面上,
但是会出现,点击list页面添加按钮,没有任何的反应。
parent.layer.open为什么用不了的解决办法

父页面也需要
1.引入 layui.js
2.
layui.use(['table','layer'],function(){
var table =layui.table;
var layer =layui.layer;
})

在这里插入图片描述

在这里插入图片描述

总结:add添加页面,是通过list页面(add页面的当前页面)来弹出的,所以add页面的活动范围只能是list页面的范围,如果add页面活动范围是全页面的,我们只有指定add当前页面,也就是list页面的父页面index页面(list页面在index页面当中)。

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值