自己写的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'));
				}
		}]
	});
}

 


 
 

 

easyui在IE6下有严重的性能问题，请问楼主你们是怎么解决的

修改它的源码

easyui bug太多了，用datagrid还可以一用，其它都可以考虑用jquery ui，jquery ui其实也挺灵活，可以定制出任何想要的样子。

我们修改头像的一个层

楼主，这个插件很好用，但是有bug。只设定了left和top。如果一直向右拖拽，页面会一直刷过去。向下也一样，请问怎么解决的

凑合着修改了一下.用这个JS替换下.

再上传附近上传不上去了,试了两次没成功.
你把下面这个方法到原来的JS文件里覆盖一下:

obj.mousemove(function(evt){
			var winW=$(window).width();
			var winH=$(window).height();
			var layerW=obj.width();
			var layerH=obj.height();
		    if(!flag) return false;   
		    var top=evt.pageY-offsetY;
		    var left=evt.pageX-offsetX;	
		    if(top>winH-(winH-layerH)/2){
		    	 top=winH-(winH-layerH)/2;		
		     }
		    if(left>winW-(winW-layerW)/2){
		    	left=winW-(winW-layerW)/2;
		    }
		     obj.css('top',top);
		     obj.css('left',left);     
		 });