JQuery Easyui Window弹出框居中
程序员文章站
2022-06-10 08:49:58
...
最近在学习JQuery EasyUI,发现Window在弹出的时候并不会每次都居中,而是会显示在上次关闭时的位置。我想让其每次都居中显示,尝试多次无果后在网上找到了以下代码,只要再页面中引入即可。
参考链接:http://www.java123.net/570754.html
参考链接: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;