EasyUI在屏幕右下角弹出Dialog

首先计算dialog离屏幕顶端和左边的距离,然后在初始化dialog的时候定义top和left属性。

jQuery获取当前窗口可视区域的高度和宽度的代码:

     $(window).height() //浏览器当前窗口可视区域高度
     $(window).width() //浏览器当前窗口可视区域宽度

用一个例子来说明,例如用户登陆后弹出公告信息:

首先定义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'); 



你可能感兴趣的:(Web)