BinLangc 2022-10-22 09:40 采纳率: 100%
浏览 19
已结题

layui 的layer弹出iframe窗口无法关闭?

问题遇到的现象和发生背景

员工列表页面有“新增员工”按钮,点击后会弹出“新增员工”窗口,具体使用layui2.6.8的layer.open弹出新的iframe窗口实现,但是按照官网提供的解决方案iframe窗口无法关闭,感觉在弹出窗口中layer不起作用了。而且每点击“新增员工”弹出层索引在不断增加。
官网提供的关闭iframe弹出窗口方案:
var index=parent.layer.getFrameIndex(window.name);
parent.layer.close(index);

员工列表html:

<body>
        <form class="layui-form" action="">
            <div class="layui-container">
            
            <div class="layui-form-item">
                <label class="layui-form-label">输入框</label>
                <div class="layui-input-block">
                    <input type="text" name="title" placeholder="请输入标题" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>
    </div>

        </form>
    <script>
        //Demo
        layui.use(['form', 'layer'], function() {
            var form = layui.form,
                layer = layui.layer;

            //提交
            form.on('submit(formDemo)', function(data) {
                layer.msg(JSON.stringify(data.field),{title:'您提交的数据为:'});
                
                **//以下2句不好用呢???**
                var index=parent.layer.getFrameIndex(window.name); 
                parent.layer.close(index);
                return false;
            });
        });
    </script>
</body>
  • 写回答

1条回答 默认 最新

  • BinLangc 2022-10-22 09:47
    关注

    补充:前面代码为弹窗html,如下是员工列表html

    评论

报告相同问题?

问题事件

  • 系统已结题 10月30日
  • 创建了问题 10月22日