使用fancybox弹出表单 [ 2.0 版本 ]

Fancybox是一款优秀的jquery插件，它能够展示丰富的弹出层效果。前面我们有文章介绍了facybox弹出层效果，相比facybox，fancybox显得功能更为齐全，它除了可以加载DIV，图片、图片集、Ajax数据，还能加载SWF影片，iframe页面等等。

在yii2中使用fancybox,首先需要将扩展放到composer.json中的require里面："newerton/yii2-fancybox": "dev-master"，然后执行：composer update prefer-dist

在需要用到fancybox的页面添加：FancyBoxAsset::register($this); 然后自己定义一个 js，里面写脚本事件

jQuery(".create_learning").click(function() {
	jQuery.ajax({
		type:"POST",
		url:"?r=learning/learning/create",
		success:function(data) {
			jQuery.fancybox(data, {
				"transitionIn" : "elastic",
				"transitionOut":"elastic",
				"speedIn":600,
				"speedOut": 200,
				"helpers": {
					"title" : {
						"type" : 'over'
					},
					"overlay" : {
						"css" : {
							'background' : 'rgba(238,238,238,0.85)'
						}
					}
				},
				"afterClose":function() {
					
				},
				"onComplete":function(){
					
				}
			});
		}
	});
});

需要注意的是：如果弹出的表单中用到DatePicker的话，DatePicker不能在弹出层显示，只需要将datepicker样式中的z-index值设置高一些，即可。