layer彈出層顯示在top頂層

2021-08-10 18:53:15 字數 443 閱讀 4294

因為專案框架用了iframe,所以在用layer時,預設layer.open彈出的視窗只能在iframe子視窗區域顯示。現在想讓layer在父視窗或者說框架的最頂層顯示,想到用top.layer.open或者parent.layer.open,但是沒反應。後面想到應該是在父頁面中沒有匯入layer.js檔案,匯入後就能正常顯示在父視窗頁面區域了。

顯示在頂層視窗

[html]

view plain

copy

top.layer.open();   

顯示在父視窗

[html]

view plain

copy

parent.layer.open();   

top和parent是瀏覽器的內建物件,top表示最頂層容器,parent表示父容器,這樣一來就是實現了iframe控制父頁面或者頂層頁面的彈窗效果了。

layer彈出相簿層

如果想要製作乙個簡單的相簿,可以採用這個外掛程式的方法。如果你的是從後台傳過來的json格式裡,可以通過ajax載入讓顯示在頁面上,然後在使用layer外掛程式,做出點選以後就可以檢視大圖的效果。1.頁面 div class main id main div 2.ajax請求 document re...

layer關閉彈出層,彈出列印

常規的話,下面能夠完成關閉彈出層 var index parent.layer.getframeindex window.name 延遲關閉 解決列印視窗彈不出來的情況 parent.layer.close index 可是當這裡需要關閉的同時彈出列印視窗的時候,就會發現失效了,能關閉,可是列印視窗...

layer外掛程式彈出顯示圓角

前段時間產品要求我們做的彈窗要顯示成圓角,這個可為難我了,我是用layer 2.1這個外掛程式,怎麼設成圓角說明文件還真沒說,只好baidu一下,也沒找到好的解決方案,只好去分析一下layer外掛程式的樣式,發現彈出層div 有個layui layer的樣式,有名堂,1.在瀏覽器點掉 backgro...