最近在学习JQuery EasyUI,发现Window在弹出的时候并不会每次都居中,而是会显示在上次关闭时的位置。我想让其每次都居中显示,尝试多次无果后在网上找到了以下代码,只要再页面中引入即可。
参考链接:
http://www.java123.net/570754.html
var easyuiPanelOnOpen = function (left, top)
{
var iframeWidth = $(this).parent().parent().width();
var iframeHeight = $(this).parent().parent().height();
var windowWidth = $(this).parent().width();
var windowHeight = $(this).parent().height();
var setWidth = (iframeWidth - windowWidth) / 2;
var setHeight = (iframeHeight - windowHeight) / 2;
$(this).parent().css(
{
left : setWidth,
top : setHeight
}
);
if (iframeHeight < windowHeight)
{
$(this).parent().css(
{
left : setWidth,
top : 0
}
);
}
$(".window-shadow").hide();
};
$.fn.window.defaults.onOpen = easyuiPanelOnOpen;
分享到:
相关推荐
在Jquery EasyUI中,实现弹出确认对话框和加载效果是前端开发中常见的交互需求,本文将详细介绍如何通过Jquery EasyUI实现这两种效果的示例代码。 首先,我们来探讨如何在Jquery EasyUI中弹出一个确认对话框。在Web...
在jQuery EasyUI框架中,创建的对话框(dialog)通常会自动居中显示在屏幕上,但这仅限于页面没有出现滚动条的情况。一旦页面内容超出视口,出现滚动条,dialog就会保持在原始的居中位置,导致用户需要手动滚动页面...
在前端开发中,使用jQuery的easyui框架可以极大地简化UI组件的开发过程。...总之,对前端开发者来说,灵活运用jQuery和easyui框架的功能,结合对HTML和CSS的深入理解,是制作出高质量用户界面的关键。
"火狐下easyui1.3.*弹出window框无法定位到中间问题解决"这个标题揭示了一个特定的技术难题,即使用EasyUI框架在Firefox浏览器下创建的弹窗窗口未能正确地居中显示,而在Internet Explorer和Chrome浏览器中却表现...
jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列组件,帮助开发者快速构建用户界面。这个框架使用简单,功能丰富,适用于开发Web应用程序。以下是对标题和描述中提及的几个主要组件的详细解释: 1. **...