Javascript 如何在第页上完成处理后隐藏模式

我有一个包含按钮的网页。当点击按钮时，它会调用我的代码中的一些代码。我想显示一个“正在处理”消息和一个模式，以便用户在做任何其他事情之前必须等待处理完成。我使用javascript函数在单击按钮时显示“正在处理”消息和模式。处理完成后，消息消失，但模式保持不变

这是我的密码：

函数ShowProgress2（）{
setTimeout（函数（）{
var模态=$（''）；
modal.addClass（“modal2”）；
$（'body'）。附加（模态）；
var loading2=$（“.loading2”）；
加载2.show（）；
var top=Math.max（$（window）.height（）/2-loading2[0].offsetHeight/2,0）；
var left=Math.max（$（window）.width（）/2-loading2[0].offsetWidth/2,0）；
加载2.css（{top:top，left:left}）；
}, 200);  
//$（'modal2'）.modal（'hide'）；//处理完成时，这不会隐藏该模态
//document.getElementById（'modal2'）。style.display='none'；//处理完成后，这不会隐藏模式
}

.modal2
{
位置：固定；
排名：0；
左：0；
背景色：黑色；
z指数：99；
不透明度：0.8；
过滤器：α（不透明度=80）；
-moz不透明度：0.8；
最小高度：100%；
宽度：100%；
}
.装载2
{
字体系列：Arial；
字号：10pt；
边框：5px实心#67CFF5；
宽度：200px；
高度：100px；
显示：无；
位置：固定；
背景色：白色；
z指数：999；
}

正在生成帐单文件。。。

您可以这样定义模态：

var modal = $('<div />');
modal.addClass("modal2");
$('body').append(modal); 

document.getElementById('modal2').style.display = 'none'; 

它不起作用，因为jQuery中的类应该用dot$（'.modal2'）编写； 如果你没有为modals使用任何插件，代码应该是

$('.modal2').hide();

---

在做了一些额外的研究之后，我找到了一个解决方案，可以让模态隐藏/消失。我在另一个页面中发现了这段代码，其中使用了类似的代码，并且在处理完成后隐藏了模式：

<Triggers>
    <asp:PostBackTrigger ControlID ="MedicaidDataGenerateBillingFile_Generate" />
</Triggers>

我在代码中包含了这段代码，并将

ControlID

设置为与正在单击的按钮ID相等，现在当处理完成时，处理消息消失，模态也消失

---

我希望这可以帮助其他人。

如果我将引用从

modal2

更改为

.modal2

，那么模态甚至不会显示。无论如何，使用

$（'.modal2'）.hide（）

或

$（'modal2'）.hide（）不起作用，处理完成后模式仍然显示。不，您需要像以前那样初始化模式。modal.addClass（“modal2”）；然后使用$（'.modal2'）。hide（）是否还有其他类/样式影响此模式？
<Triggers>
    <asp:PostBackTrigger ControlID ="MedicaidDataGenerateBillingFile_Generate" />
</Triggers>