自己写的jquery 弹出层插件,可拖动

 jquery 弹出层插件，弹出位置默认垂直居中，可拖拽。

如果用过easyui的朋友，是不是发现挺相似？呵呵.参考了某网友的插件。

PS:CSS写的不咋的,要用的话可以修改CSS样式.

先介绍下怎么调用:

$(function(){
	$('#btn_add').click(function(){
		open_dialog();
	});
	$('#btn_edit').click(function(){
		open_emp();
	});
});

function open_dialog(){
	$('#role_div').dialog({
		buttons:[{
				text:"保存",
				handler:function(){
					//按纽上绑定的方法
					alert("点击保存");
					var param={};
					$.post("xx.do",param,function(data){
					
					});
				}
		},{
				text:"取消",
				handler:function(){
					alert("点击取消");
					$.fn.dialog.close($('#role_div'));
				}
		}]
	});
}
		
function open_emp(){
	$('#emp_div').dialog({
		titlebg:"red",
		buttons:[{
				text:"保存",
				handler:function(){
					
				}
		},{
				text:"取消",
				handler:function(){
					$.fn.dialog.close($('#emp_div'));
				}
		}]
	});
}

 


 
 

 

评论

1 楼 congli 2014-11-25  

借鉴了一下，不错！