I know this may be a common question, but I've been unable to find a satisfactory answer and I'd like to know once and for all if it's possible to do this:
I have a container div that is reloaded via an AJAX call. However, inside this div there are quite a few other divs, buttons, etc, that I have attached events to. When the AJAX updates the container div, all attached events/functions are lost. I would, of course, prefer to keep this functionality and not have to re-bind everything after each successful AJAX call. After seeing a post from Aaron Newton at http://n2.nabble.com/Handling-the-changing-DOM-structure-with-AJAX-forms-td1623247.html, I got the idea to create a Class and pass it the container div, and then let the Class maintain the state of my application. However, this is where I run into problems-- I'm not sure how I can maintain the state of my added events this way. Is there some way a Class can remember what functions/events have been bound to the children of the element passed to it, so that they won't need to be re-bound upon each AJAX call? Here's a stripped down example of what I'm talking about: http://mootools.net/shell/5PgCL/6/ I've attached events to div's one, two, and three, but these are lost when the container is reloaded. I pass the container div to the Class but am currently doing nothing with it. If anyone has any thoughts please share!
