如何在弹出页面显示等待效果？

在某些情况下，当点击弹出页面的时候，因为加载数据量比较大，等待时间较长，因此希望增加一个弹出页面的加载动画，以提醒用户正在加载中。

putaolr 发表于 2019-2-19 16:27
您好，如说要保存数据量很大的数据会需要一段时间，希望通过弹出动画的效果告诉用户现在正在保存；当保存 ...

您可以看下这个帖子：https://gcdn.grapecity.com.cn/fo ... &extra=page%3D2

Eric.Liang 发表于 2018-3-9 15:36
1.添加一个“加载”动图gif。修改名称为image。

您好，如说要保存数据量很大的数据会需要一段时间，希望通过弹出动画的效果告诉用户现在正在保存；当保存成功后，弹出的页面再显示保存成功。请问这样情况弹出页面添加动画要怎么做呢？谢谢！

感谢分享！

1.添加一个“加载”动图gif。修改名称为image。


2.查找image图片对应的ID。在浏览器中按F12或者右键审查（检查）元素。选取对于的图片元素，找到image对应的ID。以便于打开弹出页面时隐藏对应的加载动画。
此处获得的ID为“r0c31p”。


3.在“去收款”或者“去取消”超链接上添加JS命令。添加至弹出页面之前。具体代码如下。

1. var b = $("#r0c31p_div");
   
2. var myInterval = setInterval(function () {
   
3.     var a = $("[imagename='/Resources/Images/CellTypeBuiltInImage/save2.png']");
   
4.     if (a.length > 0) {
   
5.         b.hide()
   
6.         clearInterval(myInterval);
   
7.     }
   
8.     else {
   
9.         b.show()
   
10.     }
    
11. }, 10);
    

复制代码

加载的时候哟，不是程序运行的时候啊

请参考这个链接，有加载动画的：
http://gcdn.gcpowertools.com.cn/ ... amp;extra=page%3D1v