若你眼中星光 2019-07-30 18:19 采纳率: 0%
浏览 1830

使用layui做弹出层,关闭窗口无法隐藏,这是是什么原因呢?

使用layui做弹出层如图一,关闭窗口后,div又显示在了页面中如图二,正常情况是关闭窗口也隐藏,这是是什么原因呢?是不是导报包不对,求大佬指点图片说明图片说明

<div id="add-main" style="display: none;">
              <form class="layui-form" id="add-form"  action="">
                  <div class="layui-form-item center" >
                    <label class="layui-form-label" style="width: 100px" >当前密码</label>
                    <div class="layui-input-block">
                      <input type="text" name="name" required value="" style="width: 240px"  lay-verify="required" placeholder="请输入当前密码" autocomplete="off" class="layui-input">
                    </div>
                  </div>
                  <div class="layui-form-item">
                    <label class="layui-form-label" style="width: 100px">新密码</label>
                    <div class="layui-input-block">
                      <input type="text" name="type" required  style="width: 240px" lay-verify="required" placeholder="请输入新密码" autocomplete="off" class="layui-input">
                    </div>
                  </div>
                  <div class="layui-form-item">
                    <label class="layui-form-label" style="width: 100px">确认密码</label>
                    <div class="layui-input-block">
                      <input type="text" name="value" required  style="width: 240px" lay-verify="required" 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="save" >立即提交</button>
                      <button type="reset" class="layui-btn layui-btn-primary" >重置</button>
                    </div>
                  </div> 
              </form>    
        </div>
</div>
<script src="../assets/layui.all.js"></script>
<script src="../../js/jquery-1.8.2.min.js"></script>

function onAddBtn(){
//页面层-自定义
layer.open({
type: 1,
title:"修改密码",
closeBtn: 1,
shift: 3,
area: ['400px', '300px'],
shadeClose: true,
content: $("#add-main"),
success: function(layero, index){},
yes:function(){

        }
    });

}

    <link rel="stylesheet" href="../assets/css/layui.css">
    <link rel="stylesheet" href="../assets/css/view.css"/>
    <link rel="stylesheet" href="../css/userinfo.css"/>
    <link rel="icon" href="/favicon.ico">
  • 写回答

2条回答 默认 最新

  • p0程序员 2019-07-31 08:48
    关注

    设定了yes函数,需要自行关闭窗口

     yes: function(index, layero){
        layer.close(index); 
      }
    
    评论

报告相同问题?

悬赏问题

  • ¥20 java-OJ-健康体检
  • ¥15 rs485的上拉下拉,不会对a-b<-200mv有影响吗,就是接受时,对判断逻辑0有影响吗
  • ¥15 使用phpstudy在云服务器上搭建个人网站
  • ¥15 应该如何判断含间隙的曲柄摇杆机构,轴与轴承是否发生了碰撞?
  • ¥15 vue3+express部署到nginx
  • ¥20 搭建pt1000三线制高精度测温电路
  • ¥15 使用Jdk8自带的算法,和Jdk11自带的加密结果会一样吗,不一样的话有什么解决方案,Jdk不能升级的情况
  • ¥15 画两个图 python或R
  • ¥15 在线请求openmv与pixhawk 实现实时目标跟踪的具体通讯方法
  • ¥15 八路抢答器设计出现故障