layer的簡單的使用

估計寫的有點不好 ，我還是初學的狀態

有點粗略。但是我還是貼例子出來總結出來給大家一起學習學習。

今天主要用的是layer去做一個彈出層。蠻簡單的。

$(function(){
	
	$('#addUser').on('click', function(){
		// $('#defaultForm').data('bootstrapValidator').resetForm(true)
		 layer.open({
			  type: 1,
			  area: ['1000px', '500px'],
			  content: $('#addPage'),
			  btn: ['save', 'close']
			  ,yes: function(index, layero){
			    
			  }
		});
	}); 
})

type參數：

類型：Number，默認：0

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

可以爲空

title標題

就是那個彈出層上面的標題，哎呀到時候我做個效果圖吧。默認的是：信息

content內容:

就是彈出層的內容可以 html內容或者指定一個dom（id）跟type結合，今天我試了一下，html內容的話首先要不隱藏它，但是彈出的時候會影響你的頁面佈局

所以最好放到body外面

/!*
 如果是頁面層
 */
layer.open({
  type: 1, 
  content: '傳入任意的文本或html' //這裏content是一個普通的String
});
layer.open({
  type: 1,
  content: $('#id') //這裏content是一個DOM，注意：最好該元素要存放在body最外層，否則可能被其它的相對元素所影響
});
//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
});        

官網的例子

area 寬高：是設定彈出層的高度和寬度（今天遇到的問題是頁面太大會出現滾動條，調好應該不會出現了吧）

我那個上面的例子，可以參考一下

累了明天再寫吧