解決 layui 彈層 layer 組件(重覆彈出)同時存在多個頁面層(iframe )的問題 ...
解決 layui 彈層 layer 組件(重覆彈出)同時存在多個頁面層(iframe )的問題
這個問題其實是疏忽了一些 基礎參數(仔細看文檔,仔細看文檔,仔細看文檔)
一、type - 基本層類型
類型:Number,預設:0
layer提供了5種層類型。可傳入的值有:0(信息框,預設)1(頁面層)2(iframe層)3(載入層)4(tips層)。 若你採用layer.open({type: 1}) 方式調用,則 type為必填項(信息框除外)
二、id - 用於控制彈層唯一標識
類型:String,預設:空字元
設置該值後,不管是什麼類型的層,都只允許同時彈出一個。一般用於頁面層和 iframe 層模式
當 layer 彈層同時出現多個時,設置一個 ID 即可解決此問題。
示例:
layer.open({
type: 1
,title: false //不顯示標題欄
,closeBtn: false
,area: '300px;'
,shade: 0.8
,id: 'LAY_layuipro' //設定一個id,防止重覆彈出
});