I’ve been busy over the last couple of weeks working on an administrative application that uses a ton of AJAXy stuff.
The application is interactive in the sense that every time a field is updated in the administrative screen, another part of the screen updates to show the user what the final result will look like when it is published.
Where things get tricky is that the screens use a considerable amount of jQuery to do things like binding to events so that updates will occur when the events fire.
But the main content that is being updated for one of my screens is actually in an UpdatePanel. This is a problem, because in order for that screen to render correctly I have to run some jQuery code. But the jQuery “ready” event doesn’t fire when the UpdatePanel gets updated.
So how do we fix that?
Fortunately, a quick search of the big G solved the problem. It turns out Imran Akram has already solved this problem. You just need to call
What I didn’t like about the way that Imran implemented this is that he wired it into the Page_Load() event. While this works, I thought, “there must be a way to make this work more like jQuery.” And there is.
You just need to make sure that your jQuery code runs after your MS-AJAX scripts. So I put my call at the end of my “ready” event handler for the page and everything works just great!
Other post in jQuery
- jQuery - The Man, The Myth, The Legend - October 8th, 2008
- Getting started with jQuery and ASP.NET - October 15th, 2008
- jQuery Simple Selectors - October 28th, 2008
- jQuery Selectors - Looks just like CSS - November 6th, 2008
- jQuery Looks like XPath - November 12th, 2008
- jQuery - class manipulation - November 19th, 2008
- jQuery - Positioning Elements - January 6th, 2009
- jQuery GUI - Drag - February 3rd, 2009
- jQuery - Drop - February 12th, 2009
- jQuery UI - Resizable w/ ASP.NET Themes - February 18th, 2009
- jQuery, bgiframe and IE6 z-order hacks - February 19th, 2009
- jQuery - Sliders (scrollbars to the rest of us) - March 4th, 2009
- jQuery - Using Slider as a Scrollbar - March 12th, 2009
- jQuery - Auto Scrolling the Slider - March 23rd, 2009
- jQuery – Accordion - May 6th, 2009
- CustomValidationControl and jQuery - May 11th, 2009
- Mixing ASP.NET, jQuery and JSON - May 12th, 2009
- jQuery Progressbar - May 20th, 2009
- jQuery – Dialog - June 2nd, 2009
- jQuery Dialog – With Validation Controls - June 25th, 2009
- jQuery – Date Picker - July 2nd, 2009
- jQuery Splitter - July 21st, 2009
- jQuery, Each() and Async Gets - December 2nd, 2009
- jQuery and ASP.NET UpdatePanel - January 6th, 2010
- jQuery - Creating Plug-ins - June 4th, 2012
- jQuery - Calling Your Own Functions - July 24th, 2012
- jQuery Tabs - October 2nd, 2012
- jQuery - Explaining Last Week's Code - October 16th, 2012
- jQuery – Modal Dialog - November 20th, 2012
- Host jQuery at Google (with Intellisense support) - December 4th, 2012
- JQuery, Cufon, and Dynamic Content - January 1st, 2013
- jQuery - Loading Partial Content - January 29th, 2013
- jQuery, JSON, and ASP.NET - September 4th, 2013
- jQuery Expand/Collapse Using Head Tags - September 25th, 2013
- jQuery - Events - November 6th, 2013
- jQuery - Retrieving HTML Fragments - November 20th, 2013