Question

I have a functionality that works fine under jQuery 1.7. But another functionality on a different page that breaks and needs jQuery 1.4.2.

How do I effectively switch from 1.7 to 1.4.2 when the page with the 1.4.2 functionality loads?

Thanks

Answer 1

first of all I would strongly suggest that you try to see what the problem with that plugin or piece of code that you say “it breaks” using the newest version of jQuery.

nevertheless, you can always load several versions of jQuery on the same page and treat them differently, for example:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
    // loads latest jQuery (1.7.2)
    var $ = jQuery.noConflict();
    $("#hello").text($.fn.jquery);
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
    // loads jQuery 1.4.2
    var jq142 = jQuery.noConflict();
    jq142("#hello2").text(jq142.fn.jquery);
</script>  

Live example on JsBin