easyui $.messager.confirm的位置定位

今天用到easyui 的$.messager.confirm， 但是位置不理想，我的程序是这样的，在点击删除的时候，确认一下，下面是确认框 弹出自动生成的三个div，
第一个div显示层
[size=x-small][color=red]
<div class="panel window messager-window" style="display: block; width: 300px; left: 527px; top: 551px; z-index: 9036; position: absolute;"></div>

[/color][/size]
第二个div为阴影层
[size=x-small][color=red]
<div class="window-shadow" style="display: block; left: 527px; top: 551px; z-index: 9035; width: 300px; height: 162px; position: absolute;"></div>
[/color][/size]
第三个div为遮罩层
[size=x-small][color=red]
<div class="window-mask" style="width: 1349px; height: 811px; display: block; z-index: 9006;"></div>
[/color][/size]
前二个div决定了确定框的位置，我们怎么控制呢，我的删除代码handler function 是这样写


[color=gray]
text : "删除",
iconCls : "icon-remove",
handler : function() {
var rows = $obj.datagrid("getSelections");
//$.messager.show();

$.messager.confirm('Confirm','确认删除'+rows.length+'名客户吗?，想清楚了',function(r){
for(var i=0;i<rows.length;i++){
deleterow(rows[i]);
}
});
$(".page-body").find(".messager-window").css({"display": "block",
"width": "300px",
"left": "527px",
"top": "551px",
"z-index": "9036",
"position": "absolute"});
$(".page-body").find(".window-shadow").css({"display": "block",
"width": "300px",
"left": "527px",
"top": "551px",
"z-index": "9035",
"position": "absolute"});
[/color]

在这里你就可以定制自己的confirm 位置了，写出来留着以后用，也分享给大家，希望可以帮到大家