通过 javascript 调用时 UpdateProgress 不起作用

Question

当我单击更新面板中的按钮时，我可以看到更新进度，但是当我尝试通过 javascript $("#<%=LinkBut​​ton1.ClientID %>").click(); 执行此操作时未显示更新进度，但更新面板正在正确刷新。知道为什么更新进度不起作用吗？

<asp:UpdatePanel runat="server" ID="UpdPnl1" UpdateMode="Conditional" >  
    <ContentTemplate>  
      <asp:Button ID="Button1" runat="server" onclick="Button1_Click"   Text="click"/>
       <asp:PlaceHolder ID="Place1" runat="server"></asp:PlaceHolder>
     </ContentTemplate>
</asp:UpdatePanel>

<asp:UpdateProgress ID="updQuoteProgress" runat="server"  AssociatedUpdatePanelID="UpdPnl1"  DisplayAfter="0">
        <ProgressTemplate>Loading...</ProgressTemplate>    
</asp:UpdateProgress>

    <script type="text/javascript">    
        $(document).ready(function () {
            $("#<%=Button1.ClientID %>").click();
        })  
    </script>

Answer 1

这是因为 Sys.Application 加载事件发生在页面的 DOM 完全加载之后。当您的脚本执行时，负责在尚未初始化的部分回发上显示 UpdateProgress 的客户端对象。
请尝试使用此脚本（将其放置在 ScriptManager 控件下方或页面末尾）：

<script type="text/javascript">
     Sys.Application.add_load(function () { $("#<%= Button1.ClientID %>").click(); });
</script>

您还可以使用以下脚本延迟脚本执行：

$(function () {
     setTimeout('$("#<%= Button1.ClientID %>").click();', 10);
});