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

  它的属性为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. cuda、cudnn、tnesorrt的查看安装

    1.首先本地查看cuda已安装的版本 11.7输入命令:[nvcc -V]输出:nvcc: NVIDIA (R) Cuda compiler driverCopyright (c) 2005-2022 ...

  2. 再识redis-2

    Redis初识 特点关键字: 高性能Key-Value服务器 ops能达到十万级别 每秒能执行约11万集合 每秒约81000-条记录 主要数据结构 列表 集合 有序集合 散列(别名哈希 Redis的哈 ...

  3. TCAM and CAM memory usage inside networking devices(转)

    TCAM and CAM memory usage inside networking devices Valter Popeskic Equipment and tools, Physical la ...

  4. 分享: 第二性 合卷本 竖本.PDF

    书本详情 第二性台版 作者: 西蒙.德.波娃(Simone de Beauvoir)出版社: 貓頭鷹原作名: Le Deuxième Sexe译者: 邱瑞鑾出版年: 2013-10页数: 1136装帧 ...

  5. 推荐2个可用于毕设的微信小程序

    智能垃圾回收小程序 下载: http://market.zhenzikj.com/detail/103.html 2. 通用答题小程序 下载http://market.zhenzikj.com/det ...

  6. anaconda新建的虚拟环境更改默认位置

    anaconda虚拟环境默认安装位置 https://blog.csdn.net/weixin_48373309/article/details/127830801 vscode中切换路径问题 在vs ...

  7. webpack和source map

    当 webpack 打包源代码时,可能会很难追踪到 error(错误) 和 warning(警告) 在源代码中的原始位置. 如果打包后代码有一处错误,特别是使用的vue.react这些前端框架.打包后 ...

  8. Java基础——IO设计模式总结

  9. fsck.fat 检查修复(MS-DOS)fat类型文件系统

    使用方式 fsck.fat [option] DEVICE 例如 fsck.fat -aw /dev/usba0 fsck.fat 检查fat文件系统的一致性,并选择性的尝试修复他们. 如下文件系统问 ...

  10. [笔记] Android开发中的gradle是什么?

    gradle是什么? 先看下文档中的介绍   https://docs.gradle.org/current/userguide/what_is_gradle.html Gradle is an op ...