EasyUI在屏幕右下角彈出Dialog


首先計算dialog離屏幕頂端和左邊的距離，然后在初始化dialog的時候定義top和left屬性。

jQuery獲取當前窗口可視區(qū)域的高度和寬度的代碼：

     $(window).height() //瀏覽器當前窗口可視區(qū)域高度
     $(window).width() //瀏覽器當前窗口可視區(qū)域?qū)挾?br />
用一個例子來說明，例如用戶登陸后彈出公告信息：

首先定義div： 

<div id="noticeDialog" class="easyui-dialog" title="公告" data-options="iconCls:'icon-tip',closed:true,resizable:true">  
     <table id="noticeTable"></table>   
 </div>
JS代碼 



// 彈出公告框  
var dialogWidth = 580;      // dialog的寬度  
var dialogHeight = 250;     // dialog的高度  
var topPosition = $(window).height() - dialogHeight;  
var leftPosition = $(window).width() - dialogWidth;  
$('#noticeDialog').dialog({  
    width: dialogWidth,  
    height: dialogHeight,  
    top : topPosition,  
    left : leftPosition,  
    title:'公告'  
}).dialog('open');


原文鏈接：EasyUI在屏幕右下角彈出Dialog