码迷,mamicode.com
首页 > Web开发 > 详细

jquery easyui防止超出浏览器边界

时间:2014-10-28 17:43:58      阅读:127      评论:0      收藏:0      [点我收藏+]

标签:style   blog   io   color   ar   sp   div   on   log   

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防止超出浏览器边界

标签:style   blog   io   color   ar   sp   div   on   log   

原文地址:http://www.cnblogs.com/suncj/p/4057205.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!