1. 程式人生 > 其它 >layui彈出層layer點選關閉還會顯示在html中

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();
}
})

 效果就變正常了: