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 ...
随机推荐
- Excel列动态导出
列动态导出的Excel,大致整了一下,没有过多深入. 1.首先定义列样式 package a.b.common.util.excel.stream; import java.util.Objects; ...
- SimplCommerce 核心
EF配置 using System; using System.Collections.Generic; using System.Linq; using System.Threading.Tasks ...
- windows10默认的EDGE浏览器进行切换窗口的操作修改
Windows 10 修改 Alt+Tab 键 切换 新版 Microsoft Edge 单个标签页/窗口 解决方案:在 Windows 设置 的搜索框中 搜索 alt,选择 选择按下 Alt+Tab ...
- node 内存全局配置(--max-old-space-size)
安装完了node和angular之后,使用powershell 窗口进行 ng build --prod打包,会提示内存溢出:JavaScript heap out of memory. 项目内打包解 ...
- 如何使用命令行直接运行PHP脚本程序
在我的博客里有一些文章是和解码或者处理文件有关,其中有些自动化工作比较简单,使用了一些PHP程序来编写处理,这样写起程序来也比较快,因为是纯过程的任务,不想用C#来处理. 写完PHP的脚本程序后,保存 ...
- Log4net使用探究
第一步: 通过Nuget package 搜索Apache Log4net安装 第二步: 在项目Global.asax文件中添加读取 配置文件 第三步: 编写Loghelper 文件 1 public ...
- C语言源文件如何编译为exe
先观看https://blog.csdn.net/u014772182/article/details/43348465来配置gcc环境随后在cmd中cd到目标文件夹gcc main.c -o ste ...
- KingbaseES V8R6备份恢复案例之---自定义表空间指定恢复目录数据恢复
案例说明: KingbaseES V8R6在通过sys_rman执行物理备份恢复时,可以通过参数'--kb1-path',指定恢复的数据(data)目录,但如果原备份中包含自定义表空间时,需要建立表空 ...
- 路飞项目 day02 全局日志、全局异常处理、封装Response、数据库准备
一.路飞项目全局日志配置 那个代码不用死记硬背,知道一些地方是啥意思即可 1.复制django自带的日志模块的大代码到dev(settings)文件中 LOGGING = { 'version': ...
- 使用IntelliJ创建第一个简单的Springboot项目
使用Intellij创建Springboot项目 使用IntelliJ创建Springboot项目是非常方便的,创建过程中,我们可以自由的选择要启用的springboot生态里的各种框架.插件.本文只 ...