Trigger $document.ready (so AJAX code I can't modify is executed)

Question

My requirements are the following:

• I've got a rich webpage that at a certain moment loads a bunch of HTML in a div, via AJAX.
• The HTML I retrieve does have javascript (<script>...</script>)
• The retrieved javascript contains $('document').ready( ... ) parts
• I can not modify the retrieved javascript; it comes from an external lib

• I've got a javascript function that is called when the AJAX is loaded. I'm trying to "trick it" into executing by doing:

  function AjaxLoaded() {   $('document').trigger('ready'); } 

That doesn't cut it, I'm afraid.

I've seen several responses on Stack Overflow that "evade" this question by changing the code that is returned on the AJAX (make it a function and call it after loading, or just remove the $(document).ready()). I need to stress out that I can't change the retrieved code on this case.

Answer 1

Afer some research i created a way to get it to work.

here is my test that shows it working: http://www.antiyes.com/test/test2.php

here is the relevant code:

<script>     // easy copy of an array     Array.prototype.copy = function() {         return [].concat(this);     };      // this function is added to jQuery, it allows access to the readylist     // it works for jQuery 1.3.2, it might break on future versions     $.getReadyList = function() {         if(this.readyList != null)             this.myreadylist =  this.readyList.copy();               return this.myreadylist;     };      $(document).ready(function() {         alert("blah");     });  </script>  <script>      // this should be added last so it gets all the ready event     $(document).ready(function() {         readylist = $.getReadyList();     });  </script> 

then in the body I have:

<input type="button" onclick="$(readylist).each(function(){this();});" value="trigger ready" /> 

basically what i did was add a function to jQuery that copies the readyList before it's cleared out, then it will be available to be used by you.

it looks like the code below doesnt work:

function AjaxLoaded() {     $(document).trigger('ready'); } 

drop the quotes around document.