layer初步使用

2022-09-18 02:15:23 字數 1831 閱讀 9312

layer提供了5種層型別。可傳入的值有:0(資訊框,預設)1(頁面層)2(iframe層)3(載入層)4(tips層)。 若你採用layer.open()方式呼叫,則type為必填項(資訊框除外)

content可傳入的值是靈活多變的,不僅可以傳入普通的html內容,還可以指定dom,更可以隨著type的不同而不同。型別:string/dom/array.

資訊框模式時,btn預設是乙個確認按鈕,其它層型別則預設不顯示,載入層和tips層則無效。當您只想自定義乙個按鈕時,你可以btn:'我知道了',當你要定義兩個按鈕時,你可以btn: ['yes', 'no']。當然,你也可以定義更多按鈕,比如:btn: ['按鈕1', '按鈕2', '按鈕3', …],按鈕1和按鈕2的**分別是yes和cancel,而從按鈕3開始,則**為btn3: function(){},以此類推。

型別:function,預設:null.

當你需要在層建立完畢時即執行一些語句,可以通過該**。success會攜帶兩個引數,分別是當前層dom 當前層索引。

layer.open(

});

型別:function,預設:null

該**攜帶兩個引數,分別為當前層索引、當前層dom物件。如:

layer.open(

});

型別:function,預設:null

該**同樣只攜帶當前層索引乙個引數,無需進行手工關閉。如果不想關閉,return false即可,如:

//只有當點選confirm框的確定時,該層才會關閉

cancel: function(index)

return false;

}

型別:function,預設:null

無論是確認還是取消,只要層被銷毀了,end都會執行,不攜帶任何引數。

//當你想關閉當前頁的某個層時

var index = layer.open();

var index = layer.alert();

var index = layer.load();

var index = layer.tips();

//正如你看到的,每一種彈層呼叫方式,都會返回乙個index

layer.close(index); //此時你只需要把獲得的index,輕輕地賦予layer.close即可

//如果你想關閉最新彈出的層,直接獲取layer.index即可

layer.close(layer.index); //它獲取的始終是最新彈出的某個層,值是由layer內部動態遞增計算的

//當你在iframe頁面關閉自身時

var index = parent.layer.getframeindex(window.name); //先得到當前iframe層的索引

parent.layer.close(index); //再執行關閉

//通過這種方式彈出的層,每當它被選擇,就會置頂。

layer.open(

});

ajax 和layer結合使用

1 html index.html 父視窗 新增 btn add on click function add.html子介面 2 ajax和layer document ready function 新增成功後提示 parent.layer.close index 關閉彈層的視窗 location....

Js元件layer的使用

引入好layer.js後,直接用即可 layui.use layer function layer.open options 原始核心方法 如果是頁面層 layer.open 方式呼叫,則type為必填項 資訊框除外 content 傳入任意的文字或html 這裡content是乙個普通的strin...

mysql5 7初步使用 MySQL使用初步知識

一 建立資料庫 create database database name php中建立資料庫的兩種方法 mysql create db mysql query conn my 一 建立資料庫 create database database name php中建立資料庫的兩種方法 mysql cr...