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 宽高：是设定弹出层的高度和宽度（今天遇到的问题是页面太大会出现滚动条，调好应该不会出现了吧）

我那个上面的例子，可以参考一下
累了明天再写吧