欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

自己写的jquery 弹出层插件,可拖动 博客分类: web前端  

程序员文章站 2024-02-25 21:27:21
...


 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'));
				}
		}]
	});
}

 

自己写的jquery 弹出层插件,可拖动
            
    
    博客分类: web前端  
 
 

 

  • 自己写的jquery 弹出层插件,可拖动
            
    
    博客分类: web前端  
  • 大小: 42.1 KB