Question

I have a project that was so poorly designed that it’s a basically a brick and mortar setup. Upgrading apparently was never so much as a passing thought.

For example, all the external scripts in this development are stored at the top of the body and moving them breaks everything due to how it was rolled out. So my dilemma is: a lot if this existing project is built on jQuery 1.4.4, but a lot of the planned new stuff is reliant on things in 1.7 and up. Unfortunately as it is, I need to load 1.4.4 in first, leaving it as the standard while loading in 1.8.3 and having 1.8.3 be the version with no conflict set. The problem is no matter how I try to load version 1.8.3 in, either before or after the 1.4.4, 1.8.3 ends up overriding 1.4.4 and causing either all out breakage or silent failures.

Is there anything I can do to load both and have 1.8.3 be my no conflict without breaking 1.4.4?

Answer 1

assuming that your jquery 1.4.4 is set to $, you can do something like this:

<script src='http://code.jquery.com/jquery-1.4.4.min.js'></script>
<script> var $ = jQuery.noConflict(); </script>
<script src='http://code.jquery.com/jquery.min.js'></script>
<script> var newJquery = jQuery.noConflict(); </script>

example fiddle: http://jsfiddle.net/6BvNh/1/