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系统下命令行方式创建KVM虚拟机
一:安装虚拟机 1:设备重启进入BIOS打开SMMU,F10保存退出. 2:进入系统安装相关组件 virt-install qemu-kvm qemu-img virt-manager libvi ...
- Linxu后台运行Java的jar包
1.直接运行 java -jar myjar-0.0.1-SNAPSHOT.jar 这种方式需要一直挂载终端(Ctrl+C会结束进程.关闭shell也会结束进程),故不符合需求 2.后台运行 A.Ct ...
- CCF 201912-2 回收站选址
#include <iostream> #include <bits/stdc++.h> #include <string> using namespace std ...
- 【转载】 VCS编译的基本参数,//code细节,注释
https://www.bilibili.com/read/cv18255106?spm_id_from=333.999.0.0
- IaaS--云虚拟机(一)(何恺铎《深入浅出云计算》笔记整理)
[概念讲解] 云虚拟机的体系结构,就是全面解耦的计算存储分离的设计思想. 传统的虚拟化,往往是对单一物理机器资源的纵向切割,计算.存储.网络等各方面的能力都是一台物理机的子集.因此,从可伸缩性的角度来 ...
- JAVA学习笔记-09
多线程: 进程:就是正在执行中的程序,每一个进程执行都有一个执行的顺序,该顺序是一个执行路径.或者叫一个控制单元. 线程:就是进程中的一个独立的控制单元,线程在控制着进程的执行 一个进程中至少有一个线 ...
- DevExpress.XtraEditors.ComboBoxEdit 只能选择不能在里面 输入数据
DevExpress.XtraEditors.ComboBoxEdit 只能选择不能在里面 输入数据 combboxEdit.propoties.textEditStyle=DisableTextEd ...
- jdk下载及配置
JDK下载 JDK:下载网址Java Downloads | Oracle 点击document Download 点击java SE Downloads 选择需要用到的文件进行下载(我这边是win1 ...
- Java基础__02.数据类型
Java中的数据类型 Java是一种强类型的语言,所有的变量都必须要先定义才能使用. Java中的数据类型分为 基本数据类型和引用数据类型. 1.基本数据类型:(8种) 数值类型 整数类型 byte: ...
- SDIO接口WIFI&BT之相关常备知识
SDIO接口WIFI&BT之相关常备知识 <VBAT>:>Main Power Voltage Soure Input 主电源输入(SDIO WIFI目前知道的都是 ...