layui 彈框 關閉刷新 window 雙層父子彈窗交互

彈層之美

在線調試 擴展皮膚
layer是一款近年來備受青睞的web彈層組件,她具有全方位的解決方案,致力於服務各水平段的開發人員,您的頁面會輕鬆地擁有豐富友好的操做體驗。web

在與同類組件的比較中,layer老是能輕易獲勝。她儘量地在以更少的代碼展示更強健的功能,且格外注重性能的提高、易用和實用性,正因如此,愈來愈多的開發者將媚眼投上了layer(已被6174983人次關注)。layer 甚至兼容了包括 IE6 在內的全部主流瀏覽器。她數量可觀的接口,使得您能夠自定義太多您須要的風格,每一種彈層模式各具特點,廣受歡迎。固然,這種「王婆賣瓜」的陳述聽起來老是有點難受,所以你須要進一步瞭解她是否真的如你所願。ajax

直到今天 我才瞭解了它 看懂了彈層之美 開玩笑 哈哈哈, 說實話官方文檔 太坑人 入門級的代碼實例少之又少!社區更是垃圾 一羣鍵盤俠 只提供所謂的 思路 !瀏覽器

直入正題

<!-- layui切換彈框 -->
    <div class="topFooter">
        <a onclick="goregisterzc()" class="fl">免費註冊</a>
        <a onclick="gopasswordzc()" class="fr">忘記密碼?</a>
    </div>

我使用的是 iframe窗 連接到一個HTML頁面 上面是登錄頁面(彈層)footer 裏的一段經典代碼性能

// ajax 成功回調之後 關閉當前的彈框 刷新頁面

    function(data, textStatus) {

        if (data.code == 3) {
            layer.tips('<p style="font-size:18px;">答案輸入有誤!</p>', '#code_math',{ tips: [3, '#fd5004']});
            return false;
        }

        layer.tips('<p style="font-size:18px;">'+data.msg+'</p>', '#code_math',{ tips: [3, '#fd5004']});
        if(data.code==1){
            closecurrent();
        }
    }

    //舉例以上代碼沒有實際操做 僅供參考

    function closecurrent(){
        setTimeout(function(){
            var index=parent.layer.getFrameIndex(window.name);
            parent.window.location.reload();
            parent.layer.close(index);
        }, 1000);
    }
    
// layui切換彈框切換到註冊頁彈窗


    function goregisterzc() {

        var index=parent.layer.getFrameIndex(window.name);
        parent.window.layer.open({
            type: 2,
            title: '資產機構註冊',
            shadeClose: true, //點擊遮罩關閉層
            area : ['630px' , '460px'],
            content: '{{ URL("alertregisterzc") }}'
        });;
        parent.layer.close(index);
    }

    // 關閉當前 跳轉到父級窗口資產機構用戶找回密碼頁面
    function gopasswordzc() {

        var index=parent.layer.getFrameIndex(window.name);
        parent.window.location.href="{{ url('cbpwdzc') }}";
        parent.layer.close(index);
    }

關鍵所在

var index=parent.layer.getFrameIndex(window.name);

 parent.layer.close(index);

到這就所有結束了,上面兩句話是 化解父子級操做的良方。ui

相關文章
相關標籤/搜索