我的弹出层是这样定义的:

  它的属性为display:none

<div id="divlayer" style="display:none">
<div class="layui-panel" style="padding: 15px">
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
<legend>日常生活活动评估表</legend>
</fieldset>
<div class="layui-form" lay-filter="day_evaluate" id="day_evaluate">
<div style="display: none">
<div class="layui-form-item">
<label class="layui-form-label">编号</label>
<div class="layui-input-inline">
<input class="layui-input" name="evaNo">
</div>
</div>
</div> <div class="layui-form-item">
<label class="layui-form-label">进食</label>
<div class="layui-input-block">
<input type="radio" name="eat" value="10" title= "10 分,可独立进食">
<input type="radio" name="eat" value="5" title="5 分, 需部分帮助">
<input type="radio" name="eat" value="0" title="0 分,完全依赖他人">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">洗澡</label>
<div class="layui-input-block">
<input type="radio" name="bathe" value="5" title= "5 分,独立完成洗澡过程">
<input type="radio" name="bathe" value="0" title="0 分, 需他人帮助">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">修饰</label>
<div class="layui-input-block">
<input type="radio" name="embellish" value="5" title= "5 分,独立完成">
<input type="radio" name="embellish" value="0" title="0 分, 需他人帮助">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">穿衣</label>
<div class="layui-input-block">
<input type="radio" name="dress" value="10" title= "10 分,可独立完成">
<input type="radio" name="dress" value="5" title="5 分, 需部分帮助">
<input type="radio" name="dress" value="0" title="0 分,完全依赖他人">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">大便失控</label>
<div class="layui-input-block">
<input type="radio" name="defecate" value="10" title= "10 分,可控制大便">
<input type="radio" name="defecate" value="5" title="5 分, 偶尔失控(每周<1 次),或需要他人提示">
<input type="radio" name="defecate" value="0" title="0 分,完全失控">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">小便失控</label>
<div class="layui-input-block">
<input type="radio" name="urinate" value="10" title= "10 分,可控制小便">
<input type="radio" name="urinate" value="5" title="5 分, 偶尔失控(每周<1 次),或需要他人提示">
<input type="radio" name="urinate" value="0" title="0 分,完全失控,或留置导尿管">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">如厕</label>
<div class="layui-input-block">
<input type="radio" name="goToilet" value="10" title= "10 分,可独立完成">
<input type="radio" name="goToilet" value="5" title="5 分, 需部分帮助(需他人搀扶去厕所、需他人帮忙冲水或整理衣裤等)">
<input type="radio" name="goToilet" value="0" title="0 分, 需极大帮助或完全依赖他人">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">床椅转移</label>
<div class="layui-input-block">
<input type="radio" name="moveChair" value="10" title= "15 分,可独立完成">
<input type="radio" name="moveChair" value="5" title="10 分,需部分帮助(需他人搀扶或使用拐杖)">
<input type="radio" name="moveChair" value="0" title="5 分, 需极大帮助(较大程度上依赖他人搀扶和帮助)">
<input type="radio" name="moveChair" value="0" title="0 分, 完全依赖他人">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">平地行走</label>
<div class="layui-input-block">
<input type="radio" name="walk" value="10" title= "15 分,可独立在平地上行走 45m">
<input type="radio" name="walk" value="5" title="10 分,需部分帮助(因肢体残疾、平衡能力差、过度衰弱、视力等问题,在一定程度上需他人地搀扶或使用拐杖、助行器等辅助用具)">
<input type="radio" name="walk" value="0" title="5 分, 需极大帮助(因肢体残疾、平衡能力差、过度衰弱、视力等问题,在较大程度上依赖他人搀扶,或坐在轮椅上自行移动)">
<input type="radio" name="walk" value="0" title="0 分, 完全依赖他人">
</div>
</div>
<button class="layui-btn" id="sum">汇总</button>
<div class="layui-form-item">
<label class="layui-form-label">总分</label>
<div class="layui-input-inline">
<input class="layui-input" id="total" name="total" value="">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button type="submit" class="layui-btn" lay-submit="" lay-filter="day_evaluate">立即提交</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</div>
</div>
</div>

layui的js中打开显示的代码:

  

 layer.open({
title:'老年人日常生活评估',
type: 1,
content: $('#divlayer'), })

效果就是这样的了,就是点击关闭弹出层的,它没有完全关闭。

在js中做出如下修改就是添加一段代码 即可。

end: function (){
$('#divlayer').hide();
}
layer.open({
title:'老年人日常生活评估',
type: 1,
content: $('#divlayer'),
end: function (){
$('#divlayer').hide();
}
})

效果就变正常了:

layui弹出层layer点击关闭还会显示在html中的更多相关文章

  1. layui 弹出层layer中from初始化 ,并在btn中返回from.data

    1.弹出对话框 layer.open() 来初始化弹层 // 监听添加操作 $(".data-add-btn").on("click", function () ...

  2. layui弹出层layer的area过大被遮挡

     layer弹出窗口在弹出时指定了area,弹出后,如果当前页面(iframe)大小比弹出的窗口小,那么就会出现无法操作弹出窗口的尴尬情况.如图: 弹出窗口比当前页面大,这时,唯有放大整个页面才能看到 ...

  3. jQuery、layer实现弹出层的打开、关闭功能实例详解

    本文主要介绍了jQuery.layer实现弹出层的打开.关闭功能,需要的朋友可以参考下,希望能帮助到大家. 打开弹出层: 在list页面带入layer.js 在list页面点击时,弹出form弹出层, ...

  4. Layui 弹出层组件——layer的模块化开发实例应用

    Layui 弹出层组件——layer的模块化开发实例应用 1.首先在package.json中引入layer组件依赖 2.在源码中应用这个依赖 3.在源码中编写代码应用此组件 4.效果验证:点击日历上 ...

  5. layer/layui弹出层插件bug

    <button class="layui-btn" lay-submit lay-filter="formDemo" id="layui-btn ...

  6. layui弹出层回调的使用

    <%@page language="java" contentType="text/html; charset=UTF-8"%> <%@ in ...

  7. 弹出层layer的使用

    弹出层layer的使用 Intro layer是一款web弹层组件,致力于服务各个水平段的开发人员.layer官网:http://layer.layui.com/ layer侧重于用户灵活的自定义,为 ...

  8. layui弹出层之应用实例讲解

    从酒店管理系统到智能门锁及其现在的资源共享平台,layui框架,我们团队用的比较多的就是这个layui弹出层. layui弹出层,除了页面iframe层我们比较常用还有就是表单校验和其他相关的友好提示 ...

  9. Layui弹出层、日期和时间选择、即时通讯、分页

    Layui弹出层.日期和时间选择.即时通讯.分页 弹层组件文档 - layui.layer 对于弹出层的感觉是:layer 至今仍作为 layui 的代表作,她的受众广泛并非偶然,而是这数年来的坚持. ...

  10. layui弹出层处理(获取、操作弹出层数据等)

    要点: 字符串被渲染为弹窗层之后,回自动转换为DOM,可以使用jq进行各种操作 <!DOCTYPE html> <html> <head> <meta cha ...

随机推荐

  1. shell脚本:报错syntax error near unexpected token `$'\r''解决方法

    之前的shell脚本是在服务器上编写的,后来又已复制的方式存在在了电脑上,以txt文件的形式存放的.于是复制到了编辑工具中,进行了相应项的修改.修改完毕后,拿到服务器上测试,结果执行sh XXX.sh ...

  2. 分区函数Partition by使用

    1.PARTITION BY使用 基本语法 over(partition by col1 order by col2): select t.*,row_number() over( order by ...

  3. vue 3.0 总线程bus引入(mitt)

    vue 3.0 移除了 $on,$off 和 $once 方法,$emit 仍然是现有 API 的一部分,因为它用于触发由父组件以声明方式附加的事件处理程序. 官方推荐使用第三方类库.  mitt举例 ...

  4. java 注解基础

    java 内置注解 注解 作用 描述 @Override 将覆盖父类中的方法 作用在子类的方法上 @Deprecated 代码被弃用 使用了被@Deprecated注解的代码则编译器将发出警告 @Su ...

  5. gcc_to_use

    gcc 目录 gcc 概要 基本指令及功能(以gcc为例) gcc -gdb gcc -cmake 概要 GCC:GNU Compiler Collection(GUN 编译器集合),是GNU项目中符 ...

  6. Mysql-Mybatis常用动态Sql语句

    1.<if> <select id="" parameterType="" resultType=""> selec ...

  7. 登录注册的小项目对比.Net Core与 .Net Framework的一些区别

    一.需求: 1.功能只有登录.注册. 二.架构: 1.分别为 UserSys.IServices:主要有实体和对实体的配置,还有对实体的操作接口 UserSys.Services :主要是对自ISer ...

  8. cnblogs.com/linycat

    核心技术 Java MySQL SSM SpringBoot MyBatisPlus Redis RabbitMQ Git Google ChatGPT 分布式架构 分布式会话 单点登录 分布式锁 读 ...

  9. java中线程的两种创建方式

    第一种:继承java.lang.Thread类.然后重写run方法 例如我们模拟一个龟兔赛跑 1 package edu.aeon.thread; 2 3 /** 4 * 说明:模拟龟兔赛跑 5 * ...

  10. supervisor+gunicorn+uvicorn部署fastapi项目

    一.编写一个项目 本项目是在虚拟环境下的: 先启动虚拟环境:source .venv/bin/activate.(创建虚拟环境自己去找) 项目用于演示,所以非常简单, 在虚拟环境中安装需要的第三方库: ...