Yepnope and "Proxy" - jQuery ready () function

Question

I am (very) slowly becoming a massive static file site, updating with all the latest goodies. I use yepnope (bundled with the new version of Modernizr.load) to handle async dependency loading, and I need this to be backward compatible with the current code base at the same time.

This requires me to either wrap every single jQuery sitewide call (too large a task to be done in the near future) in the yepnope() shell, or a more creative solution for the jQuery ready() proxy function through my own, and to delay execution of any code $ until the callback from yepnope is ready ... The jQuery actual ready() function will be the handler when the yepnope test is satisfied with jQuery's preparation. It makes sense?

Question at hand:

Am I creating a disaster here? Is this a suitable solution for my short-term problem of poorly implemented confusion of spaghetti DOM-oriented code?

update # 3

A more thoughtful approach that also takes into account unavailability when an anonymous function is simply passed directly to jQuery. This is the third attempt to make as little as possible in order to save only the function calls $(function(){}) , as well as calls $(document).ready() .

  (function( window, undefined ) { var jQuery = (function(fn) { if (typeof fn === 'function') { yepnope({ test: window.jQuery.length, complete: function() { fn(); } }); } var jQuery = _jQuery = window.jQuery, _$ = window.$; jQuery = jQuery.prototype = { constructor: jQuery, ready: function( fn ) { yepnope({ test: window.jQuery.length, complete: function() { fn(); } }); } }; return jQuery; }); window.jQuery = window.$ = jQuery; })(window); 

This is pretty sexy because when it duplicates the jQuery loading behavior, it has no length, in fact ... using yepnope to test window.jQuery.length , it will only return true after jQuery loads the REAL (the proxy has no length )!

I am sincerely looking for any criticism - especially from Alex Sexton :) lol

Answer 1

Tried to use the phillink example, it doesn't work (at least the resulting temp jQuery variable had .length prop in FF3.6).

For some time, Google searched and found jQl, an asynchronous jQuery loader , which has a way to handle the $ (document) .ready called before the actual jQuery download. I borrowed some code and got:

 <script type="text/javascript"> var jQ = { queue: [], ready: function (f) { if (typeof f=='function') { jQ.queue.push(f); } return jQ; }, unq: function () { for (var i = 0; i < jQ.queue.length; i++) jQ.queue[i](); jQ.queue = null; } }; if (typeof window.jQuery == 'undefined') { window.jQuery = window.$ = jQ.ready; } yepnope({ load: '//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js', complete: function () { jQ.unq(); } }); </script>