快捷導(dǎo)航

layer彈出層的關(guān)閉問(wèn)題詳解之在執(zhí)行完畢后關(guān)閉當(dāng)前彈出層

更新時(shí)間：2023年10月14日 09:38:14 作者：amberom

在前端頁(yè)面中用layer打開(kāi)窗口供用戶輸入或選擇是非常常見(jiàn)的用法,但是有時(shí)為了完成一次操作,需要彈出多個(gè)窗口進(jìn)行選擇、輸入或者提示,因此在關(guān)閉窗口的時(shí)候需要實(shí)現(xiàn)指定關(guān)閉任意窗口,需要的朋友可以參考下

前言

今天再用layui寫(xiě)東西的時(shí)候遇到一個(gè)問(wèn)題，就是在彈出層操作完之后不知道怎么在彈出層內(nèi)操作關(guān)閉這個(gè)彈出層，查閱資料之后終于找到了解決的辦法。下面兩段出自官網(wǎng)文檔。

一、layer.close(index) - 關(guān)閉特定層

關(guān)于它似乎沒(méi)有太多介紹的必要，唯一讓你疑惑的，可能就是這個(gè)index了吧。事實(shí)上它非常容易得到。

//當(dāng)你想關(guān)閉當(dāng)前頁(yè)的某個(gè)層時(shí)
var index = layer.open();
var index = layer.alert();
var index = layer.load();
var index = layer.tips();
//正如你看到的，每一種彈層調(diào)用方式，都會(huì)返回一個(gè)index
layer.close(index); //此時(shí)你只需要把獲得的index，輕輕地賦予layer.close即可
//如果你想關(guān)閉最新彈出的層，直接獲取layer.index即可
layer.close(layer.index); //它獲取的始終是最新彈出的某個(gè)層，值是由layer內(nèi)部動(dòng)態(tài)遞增計(jì)算的
//當(dāng)你在iframe頁(yè)面關(guān)閉自身時(shí)
var index = parent.layer.getFrameIndex(window.name); //先得到當(dāng)前iframe層的索引
parent.layer.close(index); //再執(zhí)行關(guān)閉

二、layer.closeAll(type) - 關(guān)閉所有層

如果你很懶，你不想去獲取index你只想關(guān)閉。那么closeAll真的可以幫上你。如果你不指向?qū)宇愋偷脑挘鼤?huì)銷毀掉當(dāng)前頁(yè)所有的layer層。當(dāng)然，如果你只想關(guān)閉某個(gè)類型的層，那么你可以

layer.closeAll(); //瘋狂模式，關(guān)閉所有層
layer.closeAll('dialog'); //關(guān)閉信息框
layer.closeAll('page'); //關(guān)閉所有頁(yè)面層
layer.closeAll('iframe'); //關(guān)閉所有的iframe層
layer.closeAll('loading'); //關(guān)閉加載層
layer.closeAll('tips'); //關(guān)閉所有的tips層

三、關(guān)閉彈出層之后刷新父頁(yè)面

例如：在增加用戶的時(shí)候，增加會(huì)彈出一個(gè)新的彈窗頁(yè)面，增加成功之后會(huì)有提示性的小的alert，在點(diǎn)擊確定之后，彈窗頁(yè)面關(guān)閉，并且刷新用戶列表的頁(yè)面數(shù)據(jù)。

只需要在關(guān)閉彈窗的時(shí)候加這個(gè)window.parent.location.reload();//刷新父頁(yè)面

success: function(data){
    var res = eval('(' + data + ')');
    if(res.status == '1'){
        layer.msg("添加成功！");
        layer.alert("添加成功！",function(){
            window.parent.location.reload();//刷新父頁(yè)面
            parent.layer.close(index);//關(guān)閉彈出層
        });
    } else{
        layer.msg("添加失?。?);
    }
},

總結(jié)

到此這篇關(guān)于layer彈出層的關(guān)閉問(wèn)題詳解之在執(zhí)行完畢后關(guān)閉當(dāng)前彈出層的文章就介紹到這了,更多相關(guān)layer執(zhí)行完畢關(guān)閉當(dāng)前彈出層內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: