Reload javascript file after an AJAX request

Question

After the request, the new elements created are not recognized by the event handlers in my jQuery code.

Is there a way to reload the file to re-register these events

Answer 1

simple way to solve this problem

$(document).ready(function(){

$('body').on('click','.someClass',function(){

//do your javascript here..

});
}); 

Answer 2

What do you mean not recognized by jQuery?

jQuery walks the DOM each time you make a request, so they should be visible. Attached events however will NOT be.

What isn't visible exactly?

P.S.: Reloading JavaScript is possible, but highly discouraged!

Answer 3

  var scripts = document.getElementsByTagName("script");
  for (var i=0;i<scripts.length;i++) {
    if (scripts[i].src)
      if(scripts[i].src.indexOf('nameofyourfile')  > -1 )
        var yourfile = scripts[i].src;
  }
  jQuery.get(yourfile, function(data){
  if(data){
     try {
      eval(data);
     } catch (e) {
     alert(e.message);
    }
 }
    });

Answer 4

You can also attach the click handlers to the body so that they never get destroyed in the first place.

$('body').on('click', 'a', function(event) {
  event.preventDefault();
  event.stopPropagation();
  // some stuff
})