本文介绍了如何使用layui-2.4.5实现页面层弹窗显示表单，并通过ajax提交表单。在成功提交后，会显示提示窗口，然后讨论了如何在不关闭提示窗口的情况下关闭弹窗页面，特别是面对多重弹窗时的解决方案。作者寻求更优方法。
一个比较挫的写法，是用闭包写的，请参考下文：
https://blog.csdn.net/zhi_ai_yaya/article/details/86225400
本文是比较正确的一种使用方式：
1.主页index.html ——请自行引用jquery和layui。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="/layui-v2.4.5/css/layui.css" media="all">
<!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
<style type="text/css">
/* 自定义样式 */
/* .layui-button-block {
text-align: center;
}
.layui-form-button {
position: absolute;
bottom: 0px;
width: 100%;
margin: 0px auto;
padding-top: 10px;
padding-bottom: 10px;
background-color: #e6e6e6;
}
body .layui-layer-btn {
text-align: center;
} */
</style>
</head>
<body>
<div class="layui-low" style="margin:20px;">
<button id="btn-test" class="layui-btn layui-btn-primary">测试按钮</button>
</div>
<script src="/layui-v2.4.5/layui.all.js" charset="utf-8"></script
最低0.47元/天 解锁文章
2406
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
