How to have a javascript callback executed after an update panel postback?

javascript asp.net-ajax updatepanel callback
tsbnunes picture tsbnunes · Jul 20, 2009 · Viewed 67.7k times · Source

I'm using a jQuery tip plugin to show help tips when the user hovers certain elements of the page.

I need to register the plugin events after the page is loaded using css selectors.

The problem is I'm using an ASP.NET Update Panel and after the first postback, the tips stop working because the update panel replaces the page content but doesn't rebind the javascript events.

I need a way to execute a javascript callback after the Update Panel refreshes its content, so I can rebind the javascript events to have the tips working again.

Is there any way to do this?

Answer

Russ Cam picture Russ Cam · Jul 20, 2009

Instead of putting your jQuery code inside of $(document).ready(), put it inside 

function pageLoad(sender, args) { 
    ... 
}

pageLoad is executed after every postback, synchronous or asynchronous. pageLoad is a reserved function name in ASP.NET AJAX that is for this purpose. $(document).ready() on the other hand, is executed only once, when the DOM is initially ready/loaded.

See this Overview of ASP.NET AJAX client lifecycle events

Related questions

jQuery $(document).ready and UpdatePanels?

I'm using jQuery to wire up some mouseover effects on elements that are inside an UpdatePanel. The events are bound in $(document).ready . For example: $(function() { $('div._Foo').bind("mouseover", function(e) { // Do something exciting }); }); Of course, this works fine …

Read More
Sys is undefined

I have an ASP.Net/AJAX control kit project that i am working on. 80% of the time there is no problem. The page runs as it should. If you refresh the page it will sometimes show a javascript error "Sys …

Read More
window.open with target "_blank" in Chrome

I have a small javascript function which opens an url in a new tab: function RedirectToPage(status) { var url = 'ObjectEditor.aspx?Status=' + status; window.open(url , '_blank'); } This always works when called client-side by clicking a button, even …

Read More