用CSS实现一个简单的加载等待提示框

发布时间：2023-10-26 15:22:04 所属栏目：语言来源：

导读： 需求：

有时加载数据比较慢，页面一直没有反应，用户也许会不停的刷，而且用户体验也不好

解决：

在js中加入以下代码即可

//提示信息

function AddRunningDiv() {

需求：

              有时加载数据比较慢，页面一直没有反应，用户也许会不停的刷，而且用户体验也不好

解决：

         在js中加入以下代码即可

//提示信息

function AddRunningDiv() {

    $("<div class=\"datagrid-mask\"></div>").css({ display: "block", width: "100%", height: $(document).height() }).appendTo("body");

    $("<div class=\"datagrid-mask-msg\"></div>").html("正在处理，请耐心等待...").appendTo("body").css({ display: "block", left: ($(document.body).outerWidth(true) - 190) / 2, top: ($(document).height() - 45) / 2 });

}

//取消提示信息

function MoveRunningDiv() {

    $("div[class='datagrid-mask']").remove();

    $("div[class='datagrid-mask-msg']").remove();

}
              在需要的地方调用即可。

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!