请稍等 javascript, css 中的加载器,答案

【问题标题】：please wait a momnet Loader in javascript, css,请稍等 javascript, css 中的加载器,
【发布时间】：2025-12-23 15:10:10
【问题描述】：

我有一个小的 Javascript 和 css 文件

<style type="text/css">
    .LockOff
    {
        display: none;
        visibility: hidden;
    }
    .LockOn
    {
        display: block;
        visibility: visible;
        position: absolute;
        z-index: 999;
        top: 0px;
        left: 0px;
        width: 105%;
        height: 105%;
        background-color: #fff;
        text-align: center;
        padding-top: 20%;
        filter: alpha(opacity=100);
        opacity: 0.80;
    }
</style>


 <script type="text/jscript">
    function skm_LockScreen() {
        var lock = document.getElementById('skm_LockPane');
        if (lock)
            lock.className = 'LockOn';
    }

</script>



  <div id="skm_LockPane" class="LockOff">
    <asp:Image ID="img1" runat="server" ImageUrl="~/image/default.gif" />
    <br />
    Please wait a moment...
</div>

这是我的 css、javascript 和 Div，最后在按钮单击时我想使用这个调用这个 Javascript 函数的函数。

<asp:Button ID="btnGenerateReport" runat="server" Text="Generate Report"OnClick="btnGenerateReport_Click" OnClientClick="javascript:skm_LockScreen()" ToolTip="Click here to generate the report." />

我的问题是，如果我在没有更新面板的情况下使用此按钮，它工作正常。但是如果我将此按钮与 updatepanel 一起使用，它会开始运行并获取数据，但在回发完成后它不会停止或隐藏，即使在 Gridview 中获取数据后它也会继续运行。

【问题讨论】：

标签： javascript jquery html css asp.net

【解决方案1】：

使用此触发器

<asp:UpdatePanel>
<ContentTemplate>
   // Your Code
</ContentTemplate>
   <Triggers>
     <asp:PostBackTrigger ControlID="btnGenerateReport" />
   </Triggers>
</asp:UpdatePanel>

【讨论】：