在線調試 擴展皮膚
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