easy-ui的dialog可以随意拖动,有时会将dialog上方的拖动条超出body的显示范围,造成无法关闭dialog的问题。
解决方法是在页面的data-options或在js中绑定中onMove函数,当判断到拖动的距离小于0 时,即移动到一个初始位置。
1.data-options="onMove:function(left,top){if(left<0||top<0){$(this).dialog('move',{left:320,top:80});}}"
2.('#pictureDialog').dialog({
width: 800,
height: 600,
onMove:function(left,top){
if(left<0||top<0){
$(this).dialog('move',{
left:320,
top:80
});
}
}
});