欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JQuery Easyui Window弹出框居中

程序员文章站 2022-06-10 08:49:58
...
最近在学习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;