当前位置: 代码迷 >> Java Web开发 >> 用JQUERY做的弹出窗口怎么随着窗口大小而改变,又怎么隐藏弹出层的“关闭”安钮
  详细解决方案

用JQUERY做的弹出窗口怎么随着窗口大小而改变,又怎么隐藏弹出层的“关闭”安钮

热度:139   发布时间:2016-04-16 22:00:01.0
用JQUERY做的弹出窗口如何随着窗口大小而改变,又如何隐藏弹出层的“关闭”安钮
请教个问题,用JQUERY做的弹出窗口,目前弹出窗是全屏展示,

    
    _testWindow.window({
             title: "弹出窗口",
             content:$('#afile').html(),//本页
               width: 1010,
             height: 600,
             closed: false,
     minimizable:false,
     maximizable:false,             
             modal:true,//遮照层
               draggable:false,   
             fit:true,//打开全屏
      top:'0',
     left:'0',
             resizable:false,
             collapsible:false,
             shadow: false,
             onClose : function(){ 
                 _testWindow.window("destroy"); 
             } 
         });

<div id="afile" class="easyui-window" title="弹出窗口"
iconCls="icon-save" style=" padding: 5px; background: #fafafa;" closed="true">
内容展示

</div>
   

1、怎么样让该弹出的窗口的大小随着IE窗口大小而动态改变,用下面这段也没管用
$(document).ready(function(){  
    //初始化宽度、高度  
    $("#afile").width($(window).width());  
    $("#afile").height($(window).height());  
    //当窗口发生改变时 触发  
    $(window).resize(function(){  
        $("#afile").width($(window).width());  
        $("#afile").height($(window).height());  
    
    });  
}); 
2、怎样不显示该弹出层的关闭按钮,我从网上找了段没管用
      //隐藏默认的关闭按钮
      dialogClass: "my-dialog",
       open:function(event,ui){
$(".ui-dialog-titlebar-close", $(this).parent()).hide();
      },
3、在该页面设置了些锚点(在弹出层里的锚点),为啥都不管用
<li id="a18" STYLE="display:none"><a href="<%=path %>/zs/cal_sday.action#M14">锚点1</a></li>

<a name="M14">&nbsp;</a>
------解决方案--------------------
你随时获取屏幕的大小或者浏览器的大小,动态的设置窗口的大小
------解决方案--------------------
用jQuery最明显的效果不就是动态控制,没有开发人员不喜欢jQuery和JavaScript,所以你能做到实时获取屏幕的大小(宽度和高度),然后动态设置窗体的宽度和高度!!!
------解决方案--------------------
在resize 里面做  $(window).width()  和  $(window).height()

  相关解决方案