I have 1000s of events on some pages, lots of them invoke ajax calls, spreadsheet like functionality. I zoom-in and out of “product” to ser their ajax retrieved details (ASP.Net ascx file returned). I rebind my events when appending the new details to the DOM. I use .Empty() to clear the details when “zooming-out”. Would resources leak without explicitly destroying events?

$(‘.newDivs’).bind(….

I’m new to JQuery/AJAX and having a tough time understanding how to rebind my onclick event handler.

My page is basically a results page with pagination. The page number links appear in a div called ‘pagination’ and the results appear in a div called ‘results’.

I use JQuery to cycle through each href anchor in the pagination div and attach an onclick event handler to each. Clicking on an anchor in the pagination fires an ajax load to update the results.

Here is my code:

$('#pagination div a').each(function(i,item){
   $(this).click(function(){
   var offsetNo = $(this).attr('href').replace('http://www.mysite.com/news?&', '');
   $('#results').load('results.php?'+offsetNo, function() {
      //call back if needed
   });
   return false;
   });
});

This works only the once. After the ajax update of ‘results’, the binding is lost. How can I change my code to fix this?
P.S. I’ve tried the 3 plugins mentioned about, but had no luck with them, so I thought it best to find a solution without them, which might better help me understand how it works.

My AJAX returns several different divs and I don’t know what the ID will be. For example:

<div id="div245"></div>
<div id="div225"></div>
<div id="div25"></div>

How can I bind these when I don’t know what the DIV ID will be?

Thanks

Hope that makes sense.

…I doubt if I make any sense above :P