zoukankan      html  css  js  c++  java
  • 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 ,   
                   });  
           }
    }
  • 相关阅读:
    html中的浮动
    Html中元素的分类
    前端标签命名规范
    meta详解
    CSS的嵌套方法
    html标签
    W3C标准
    AE待整理
    AE小知识点备忘录
    Maximum Subarray
  • 原文地址:https://www.cnblogs.com/suncj/p/4057205.html
Copyright © 2011-2022 走看看