jquery easyui防止超出浏览器边界

浏览数：60 / 时间：2015年06月09日 
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 ,   
               });  
       }
}

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style log Go ui la io ad as class style log Go ui la io ad as

相关文章

随机文章

您可能还喜欢

您可能还喜欢