JavaScript里面UpdatePanle

Question

我不能得到这个工作。我想在postback之后fadeout a div。 div位于updatepanel之内。我明白，因为updatepanel这将是一次部分刷新。但在这种情况下，我该如何使用fadeout？

<asp:Content ID="Content1" ContentPlaceHolderID="content_head" runat="Server"> 
    <script src="js/jquery-1.6.2.min.js" type="text/javascript"></script> 
    <script language="javascript" type="text/javascript"> 
     $(document).ready(function() { 
      $("#div_msg").delay(1500).fadeOut("slow"); 
     }); 

    </script> 
</asp:Content> 


<asp:UpdatePanel ID="UpdatePanel6" runat="server"> 
    <ContentTemplate> 
     <asp:Panel ID="pnl_msgs" runat="server" Visible="false"> 
       <div id="div_msg"> 
        <asp:Label ID="lbl_msg" runat="server" Text="Label"></asp:Label> 
       </div> 
     </asp:Panel> 

     <asp:Button ID="but_status_new" runat="server" Text="New" CssClass="new-button-flat" onclick="but_status_new_Click"/> 
    </ContentTemplate> 
</asp:UpdatePanel> 

我没有在but_status_new_Click函数中写任何js代码。

Answer 1

相反document.ready尝试使用function pageLoad因为ASP.NET AJAX有自己的页面生命周期：

function pageLoad() { 
    $("#div_msg").delay(1500).fadeOut("slow"); 
} 

哦，移动参考jQuery来的ScriptManager本身

<asp:ScriptManager ID="ScriptManager1" runat="server" > 
    <Scripts> 
     <asp:ScriptReference Path="js/jquery-1.6.2.min.js" /> 
    </Scripts> 
</asp:ScriptManager>