Jquery EasyUI中弹出确认对话框以及加载效果

最新推荐文章于 2025-10-05 13:16:32 发布

原创最新推荐文章于 2025-10-05 13:16:32 发布 · 3.4w 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #function #class #div

Web 同时被 2 个专栏收录

87 篇文章

订阅专栏

JS & Jquery

87 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的加载提示与确认对话框的方法。通过简单的代码实现了页面加载时的遮罩效果及带有确认消息的弹窗功能，适用于需要进行用户交互确认或展示加载状态的场景。

//confirm 
function Confirm(msg, control) {
    $.messager.confirm("确认", msg, function (r) {
        if (r) {
            return true;
        }
    });
    return false;
}

//Load
function Load() {
    $("<div class=\"datagrid-mask\"></div>").css({ display: "block", width: "100%", height: $(window).height() }).appendTo("body");
    $("<div class=\"datagrid-mask-msg\"></div>").html("正在运行，请稍候。。。").appendTo("body").css({ display: "block", left: ($(document.body).outerWidth(true) - 190) / 2, top: ($(window).height() - 45) / 2 });
}

//hidden Load
function dispalyLoad() {
    $(".datagrid-mask").remove();
    $(".datagrid-mask-msg").remove();
}