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 ...

随机推荐

Hello，Golang
Hello,Golang 一.开发环境搭建 1. 下载 SDK 1 // Go官网下载地址 2 https://golang.org/dl/ 3 4 // Go官方镜像站(推荐) 5 https: ...
PK获取面积
BOOL PK_AskFaceAreas(tag_t face_tag, double tol, double &areas) {//获得面积 tag_t ps_tag = NULL_TAG; ...
slitaz中tazpkg更改软件源
在tazpkg手册中可以查到保存tazpkg软件源网址的文件,/var/lib/tazpkg/mirror
js match方法
1.用法 match()方法可以字符串中检索指定的值,或者是匹配一个或多个正则表达式 2.返回值该方法类似于indexOf()/lastIndexOf(),区别就是返回值不一样 indexOf()/ ...
NLP学习日记
数据读取下载csv文件后使用excel进行转存,然后用pandas读取,再把读取后转为numpy,numpy的tensor里.-1代表数组的最大维度,将原始数据集的标签和特征集分开,便于下一步的处理 ...
Linux环境下给python项目写个启停服务
写个服务,写完后放在/lib/systemd/system路径下 update_rule.server [Unit] Description = TinyScan update rule [Servi ...
shell - scriptfifo
shell1: mkfifo xxfifo script -f xxfifo cmd cmd exit -----主动退出 shell2: cat xxfifo 可以看到shell1的所有操作. ...
js array map
var user = ['Alice', 'Emily', 'Kate']; console.log(user); var keys = user.keys(); for ( ...
php 常用工具函数
返回时间戳差值部分,年.月.日 function get_date_diff($startstamp, $endstamp, $return = 'm') { $y = date('Y', $ends ...
实用的JavaScript技巧
1.数组去重 let arr = [...new Set([1,2,3,2,1])]; //输出:[1, 2, 3] 2.删除数组中的虚值(undefined .null.NaN.0 .'' .fal ...

layui弹出层layer点击关闭还会显示在html中

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

随机推荐

热门专题