JQuery Easyui Window弹出框居中

最近在学习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;

猜你喜欢

转载自zds247.iteye.com/blog/2304440