asp.net - 执行某些服务器端代码后的淡入/淡出 div 标签

Question

这是我的代码

<div id="AuthenticateUser" runat="server" style="display:block" >
   //login control
   <asp:button id="ValidateUser" ... />
</div>

<div id="ForceToChangePassword" runat="server" style="display:none" >
  //reset password control
</div>

单击“ValidateUser”按钮时，我会检查用户是否有效。根据某些条件，我确实需要隐藏“AuthenticateUser”div 标签并显示“ForceToChangePassword”div 标签。
我真的很喜欢 jQuery 的淡入/淡出效果。我可以在客户端轻松地做到这一点。但是执行服务器端代码后如何才能实现这种效果呢？

我尝试从该方法后面的代码调用 JavaScript 方法，该方法具有 fadeIn/fadeOut 逻辑，但似乎从未调用过该 javaScript 方法。

Answer 1

如果您有 AJAX 扩展，请将其放入按钮事件处理程序中。 (C#示例，轻松转换为vb.net)

ScriptManager.RegisterClientScriptBlock(this, GetType(this), "fader", "$('#AuthenticateUser').fadeOut(); $('#ForceToChangePassword').fadeIn();");

这将在回发完成后发送客户端脚本。这是the documentation 。这还需要页面上有一个ScriptManager。如果您没有 AJAX 扩展，您可以从页面的 method itself 使用它。 .