关于layui点击右上角关闭弹窗，弹窗内容出现在下方的问题

最新推荐文章于 2024-03-24 22:36:51 发布

暖暖小时光

最新推荐文章于 2024-03-24 22:36:51 发布

阅读量5.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： layui的那点事文章标签： layui关闭事件

本文链接：https://blog.youkuaiyun.com/sinat_39648402/article/details/79627586

layui的那点事专栏收录该内容

3 篇文章

订阅专栏

本文介绍了解决编辑弹窗关闭时可能出现的内容显示异常问题的方法。通过在初始化弹窗时设置适当的关闭事件处理函数，可以确保弹窗正确关闭，避免内容错误地显示在页面底部。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述：单纯的使用编辑弹窗，关闭事件不会有任何问题，但是引入其他js之后，可能会对关闭事件有影响。出现点击弹窗右上角的“x”，内容出现在底部的现象。

解决方法：在初始化弹层的时候，就把事件写好。比如

layer.open({
                    type: 1,
                    title:'编辑',
                    closeBtn: 1,
                    area: ['400px', '480px'],
                    content: $('#dialog'),
                    end:function(){
                        ……
                    }
});

把“x”的关闭事件写到end：function（）{}里面就可以了