jquery 效果突出显示在 asp.net 更新面板中不起作用

Question

我有两个更新面板如下（点击链接按钮时我试图突出显示 div）

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>     
              <asp:Linkbutton id="btnChange" runat="server" OnCommand="LinkButton_Command"/>
              <asp:Linkbutton id="btnChange2" runat="server" OnCommand="LinkButton_Command"/>
        </ContentTemplate>        
</asp:UpdatePanel> 

<asp:UpdatePanel ID="UpdatePanel2" runat="server">
        <ContentTemplate>    
             <div id="shdr">Hello there!</div> 
        </ContentTemplate>        
</asp:UpdatePanel>

我正在重写 OnLoadComplete 并在页面上注册此脚本，如下所示

ScriptManager.RegisterClientScriptBlock(Me, Me.GetType(), "divHigh", "$('#shdr').effect('highlight', {}, 3000);", True)

这会在回发后突出显示 div，但超时值不起作用它继续显示突出显示的颜色并且不会变回来。

什么可能导致这不起作用？

Answer 1

如果您使用的是 UpdatePanel - 即 Script Manager

$(function () {
 //Code that runs before update panel is fired.

        //Listen for update panel
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
        //Re-initialize jquery after an auto post back.
        function EndRequestHandler(sender, args) {
            //Do work after update panel fires.
        } 
    });

因此，如果您希望它能够在回发后运行，那么基本上您将拥有您的 jQuery 代码，然后在 EndRequestHandler 函数中使用相同的代码。

Answer 2

您可以使用 ASP.Net Ajax 的 pageLoad() 方法来调用您的突出显示逻辑，如下所示：

<script type="text/javascript">
function pageLoad(){
    $('#shdr').effect('highlight', {}, 3000);
};
</script>

这将在每个部分回调以及常规回调中自动调用。

Answer 3

如果您希望在每次面板刷新时运行一些 javascript，您可以将以下脚本添加到您的页面。这将注册一个 JavaScript 函数，以便在 UpdatePanel 刷新时运行。

<script type="text/javascript">
    function NameOfJavascriptFunctionYouWantToRunHere()
    {
        $('#shdr').effect('highlight', {}, 3000);
    };

    var prm = Sys.WebForms.PageRequestManager.getInstance();
    prm.add_pageLoaded(NameOfJavascriptFunctionYouWantToRunHere);
</script>