JQuery Easyui Window弹出框居中

最新推荐文章于 2026-03-28 04:26:08 发布

原创最新推荐文章于 2026-03-28 04:26:08 发布 · 726 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#jquery #jeasyui #window #ViewUI

收录于

Java 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一段用于解决JQueryEasyUI中Window组件不能每次弹出都居中的问题的JavaScript代码。通过自定义onOpen事件处理函数，实现无论何时打开Window都能使其居中显示。

最近在学习JQuery EasyUI，发现Window在弹出的时候并不会每次都居中，而是会显示在上次关闭时的位置。我想让其每次都居中显示，尝试多次无果后在网上找到了以下代码，只要再页面中引入即可。

参考链接：[url]http://www.java123.net/570754.html[/url]

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;