`
zhangdesheng
  • 浏览: 2633 次
文章分类
社区版块
存档分类
最新评论

JQuery Easyui Window弹出框居中

    博客分类:
  • Java
阅读更多
最近在学习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实现这两种效果的示例代码。 首先,我们来探讨如何在Jquery EasyUI中弹出一个确认对话框。在Web...

    jquery easyui滚动条部分设置介绍

    在jQuery EasyUI框架中,创建的对话框(dialog)通常会自动居中显示在屏幕上,但这仅限于页面没有出现滚动条的情况。一旦页面内容超出视口,出现滚动条,dialog就会保持在原始的居中位置,导致用户需要手动滚动页面...

    jQuery前端框架easyui使用Dialog时bug处理

    在前端开发中,使用jQuery的easyui框架可以极大地简化UI组件的开发过程。...总之,对前端开发者来说,灵活运用jQuery和easyui框架的功能,结合对HTML和CSS的深入理解,是制作出高质量用户界面的关键。

    火狐下easyui1.3.*弹出window框无法定位到中间问题解决

    "火狐下easyui1.3.*弹出window框无法定位到中间问题解决"这个标题揭示了一个特定的技术难题,即使用EasyUI框架在Firefox浏览器下创建的弹窗窗口未能正确地居中显示,而在Internet Explorer和Chrome浏览器中却表现...

    jquery_easyui_cn 中文例子 和详解

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列组件,帮助开发者快速构建用户界面。这个框架使用简单,功能丰富,适用于开发Web应用程序。以下是对标题和描述中提及的几个主要组件的详细解释: 1. **...

Global site tag (gtag.js) - Google Analytics