首页 > 代码库 > jquery easyui防止超出浏览器边界

jquery easyui防止超出浏览器边界

var easyuiPanelOnMove=function(left,top){    if(left<0){        $(this).window(‘move‘,{       left:1   });    }       if(top<0){         $(this).window(‘move‘,{           top:1       });    } }        $.fn.panel.defaults.onMove = easyuiPanelOnMove;$.fn.window.defaults.onMove=easyuiPanelOnMove;$.fn.dialog.defaults.onMove=easyuiPanelOnMove;

方式一:防止easyui的panel,window,dialog框超出浏览器,如上

 

方式二:

控制dialog超出浏览器回到原来的地方
//控制dialog超出浏览器回到原来的地方var default_left;var default_top;function onopen(){         default_left=$(‘#wow-goods-add‘).panel(‘options‘).left;         default_top=$(‘#wow-goods-add‘).panel(‘options‘).top;}    function onmove(left,top){        var body_width=document.body.offsetWidth;//body的宽度        var body_height=document.body.offsetHeight;//body的高度        var dd_width= $(‘#wow-goods-add‘).panel(‘options‘).width;//dialog的宽度        var dd_height= $(‘#wow-goods-add‘).panel(‘options‘).height;//dialog的高度                         if(left<1||left>(body_width-dd_width)||top<1||top>(body_height-dd_height)){               $(‘#wow-goods-add‘).dialog(‘move‘,{                         left:default_left,                         top:default_top ,                  });         }}

 

jquery easyui防止超出浏览器边界