Jquery plugins not working on ajaxed content

Question

I have some content that I am loading using jquery ajax. The content has jquery plugins attached (example a modal box).

My problem is that because the ajaxed content isn't part of the original dom it hasn't had the plugins applied to it.

How do I apply the plugins to ajaxed content??? Is there someway I can reinitialize i the plugins???

Answer 1

You can call the plugin in the ajax success function like this:

$.ajax({
  //Stuff..
  success: function(data) {
    $(".selector", data).myPlugin();
  }
});

This calls the plugin on the matching selector only in the html that was returned, so it won't run on the rest of the page again.