jQuery events not happening after AJAX load?

Question

I have a website that will fade out a section of my website, load new content in, and fadeIn. There\'s a feature I had where a picture would get big when you click on it (it\'s

Answer 1

i would suggest checking out a jquery plugin called livequery

with that you could replace:

$(".makePictureBig").click(function() {
  //existing stuff

with

$(".makePictureBig").livequery(function() {
   $(this).click(function() {
   //existing stuff

With livequery, anytime an element is placed into the dom that matches the selector, the callback function will fire.

Answer 2

You need to re bind the events of the loaded elements.

something like:

document.getElementById('right_bar_wrapper').innerHTML = theRetrievedData;
$(".makePictureBig").click(picBigFunction);