layui弹出层layer点击关闭还会显示在html中
我的弹出层是这样定义的:
它的属性为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中的更多相关文章
- layui 弹出层layer中from初始化 ,并在btn中返回from.data
1.弹出对话框 layer.open() 来初始化弹层 // 监听添加操作 $(".data-add-btn").on("click", function () ...
- layui弹出层layer的area过大被遮挡
layer弹出窗口在弹出时指定了area,弹出后,如果当前页面(iframe)大小比弹出的窗口小,那么就会出现无法操作弹出窗口的尴尬情况.如图: 弹出窗口比当前页面大,这时,唯有放大整个页面才能看到 ...
- jQuery、layer实现弹出层的打开、关闭功能实例详解
本文主要介绍了jQuery.layer实现弹出层的打开.关闭功能,需要的朋友可以参考下,希望能帮助到大家. 打开弹出层: 在list页面带入layer.js 在list页面点击时,弹出form弹出层, ...
- Layui 弹出层组件——layer的模块化开发实例应用
Layui 弹出层组件——layer的模块化开发实例应用 1.首先在package.json中引入layer组件依赖 2.在源码中应用这个依赖 3.在源码中编写代码应用此组件 4.效果验证:点击日历上 ...
- layer/layui弹出层插件bug
<button class="layui-btn" lay-submit lay-filter="formDemo" id="layui-btn ...
- layui弹出层回调的使用
<%@page language="java" contentType="text/html; charset=UTF-8"%> <%@ in ...
- 弹出层layer的使用
弹出层layer的使用 Intro layer是一款web弹层组件,致力于服务各个水平段的开发人员.layer官网:http://layer.layui.com/ layer侧重于用户灵活的自定义,为 ...
- layui弹出层之应用实例讲解
从酒店管理系统到智能门锁及其现在的资源共享平台,layui框架,我们团队用的比较多的就是这个layui弹出层. layui弹出层,除了页面iframe层我们比较常用还有就是表单校验和其他相关的友好提示 ...
- Layui弹出层、日期和时间选择、即时通讯、分页
Layui弹出层.日期和时间选择.即时通讯.分页 弹层组件文档 - layui.layer 对于弹出层的感觉是:layer 至今仍作为 layui 的代表作,她的受众广泛并非偶然,而是这数年来的坚持. ...
- layui弹出层处理(获取、操作弹出层数据等)
要点: 字符串被渲染为弹窗层之后,回自动转换为DOM,可以使用jq进行各种操作 <!DOCTYPE html> <html> <head> <meta cha ...
随机推荐
- linux rpm 命令
# 产看软件包信息[root@devops201 k8s_install]# rpm -qi yum-utilsName : yum-utilsVersion : 1.1.31Release : 54 ...
- 容器 之搭建 jenkins ci 平台
1 部署 gitlab docker run -d \ --name gitlab \ -p 8443:443 \ -p 80:80 \ -p 9998:22 \ -v $PWD/config:/et ...
- Burp学院-SQL注入
前言: 上传下自己做的笔记,这些题做了好久好久了,一直没冒泡,之前想上传些东西结果博客园炸了就忘了,周五快下班了手头工作暂时缓解了,传点东西上来. 1.SQL injection UNION atta ...
- Java笔记_构造方法/构造器
构造方法/构造器(constructor) 怎么来的?之前在创建对象时,是先把一个对象创建好后,再给这个对象的属性赋值,如果现在要求在创建一个对象时,就直接指定这个对象的属性,该怎么做?此时就可以 ...
- Linux学习 --- 网络基础知识
1.1 IP地址 IP地址由两部分组成 网络号和主机号 .网络号为IP地址的高位组成,而主机号是IP地址的低位组成,两个的大小取决于网络的类型. IP地址根据网络的地址不同分为:A类,B类,C类, ...
- Pytorch实战学习(七):高级CNN
<PyTorch深度学习实践>完结合集_哔哩哔哩_bilibili Advanced CNN 一.GoogLeNet Inception Module:而为了减少代码的冗余,将由(卷积(C ...
- (原创)odoo计算字段报CacheMiss异常
在odoo计算字段获取值的中的过程中报出odoo.exceptions.CacheMiss异常,常见的原因为是在计算字段方法中没有为该计算字段赋值.如图 方法"_compute_test&q ...
- robots.txt 文件说明
robots其实就是指Robots协议,Robots协议(也称为爬虫协议.机器人协议等)的全称是"网络爬虫排除标准"(Robots Exclusion Protocol),网站通过 ...
- 基于注解的AOP
1.引入依赖 <!--spring aop依赖--> <dependency> <groupId>org.springframework</groupId&g ...
- 记录POI导入时单元格下拉框两种实现方式(excel数据有效性)
如果下拉选项字符少于225 使用方式1 public static HSSFSheet setHSSFValidation(HSSFSheet sheet, String[] textlist, in ...