layer使用方法


type - 基本層類型

類型:Number,默認:0

layer提供了5種層類型。可傳入的值有:0(信息框,默認)1(頁面層)2(iframe層)3(加載層)4(tips層)。 若你采用layer.open({type: 1})方式調用,則type為必填項(信息框除外)

title - 標題

類型:String/Array/Boolean,默認:'信息'

title支持三種類型的值,若你傳入的是普通的字符串,如title :'我是標題',那么只會改變標題文本;若你還需要自定義標題區域樣式,那么你可以title: ['文本', 'font-size:18px;'],數組第二項可以寫任意css樣式;如果你不想顯示標題欄,你可以title: false

content - 內容

類型:String/DOM/Array,默認:''

content可傳入的值是靈活多變的,不僅可以傳入普通的html內容,還可以指定DOM,更可以隨着type的不同而不同。譬如:

/!*
 如果是頁面層
 */
layer.open({
  type: 1, 
  content: '傳入任意的文本或html' //這里content是一個普通的String
});
layer.open({
  type: 1,
  content: $('#id') //這里content是一個DOM
});
//Ajax獲取
$.post('url', {}, function(str){
  layer.open({
    type: 1,
    content: str //注意,如果str是object,那么需要字符拼接。
  });
});
/!*
 如果是iframe層
 */
layer.open({
  type: 2, 
  content: 'http://sentsin.com' //這里content是一個URL,如果你不想讓iframe出現滾動條,你還可以content: ['http://sentsin.com', 'no']
}); 
/!*
 如果是用layer.open執行tips層
 */
layer.open({
  type: 4,
  content: ['內容', '#id'] //數組第二項即吸附元素選擇器或者DOM
});        
shade - 遮罩

類型:String/Array/Boolean,默認:0.3

即彈層外區域。默認是0.3透明度的黑色背景('#000')。如果你想定義別的顏色,可以shade: [0.8, '#393D49'];如果你不想顯示遮罩,可以shade: 0

shadeClose - 是否點擊遮罩關閉

類型:Boolean,默認:false

如果你的shade是存在的,那么你可以設定shadeClose來控制點擊彈層外區域關閉。

time - 自動關閉所需毫秒

類型:Number,默認:0

默認不會自動關閉。當你想自動關閉時,可以time: 5000,即代表5秒后自動關閉,注意單位是毫秒(1秒=1000毫秒)

maxmin - 最大最小化。

類型:Boolean,默認:false

該參數值對type:1type:2有效。默認不顯示最大小化按鈕。需要顯示配置maxmin: true即可

maxmin - 最大最小化。

類型:Boolean,默認:false

該參數值對type:1type:2有效。默認不顯示最大小化按鈕。需要顯示配置maxmin: true即可

resize - 是否允許拉伸

類型:Boolean,默認:true

默認情況下,你可以在彈層右下角拖動來拉伸尺寸。如果對指定的彈層屏蔽該功能,設置 false即可。該參數對loading、tips層無效

move - 觸發拖動的元素

類型:String/DOM/Boolean,默認:'.layui-layer-title'

默認是觸發標題區域拖拽。如果你想單獨定義,指向元素的選擇器或者DOM即可。如move: '.mine-move'。你還配置設定move: false來禁止拖拽

moveOut - 是否允許拖拽到窗口外

類型:Boolean,默認:false

默認只能在窗口內拖拽,如果你想讓拖到窗外,那么設定moveOut: true即可

layer.style(index, cssStyle) - 重新定義層的樣式

該方法對loading層和tips層無效。參數index為層的索引,cssStyle允許你傳入任意的css屬性

layer.style(layer.index, { // layer.index當前彈出的層
  width: '1000px',
  top: '10px'
});  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM