Using two versions of jquery in same page
Hi,
I need to load 2 versions of jQuery in one page. So I did some research and found that it is possible and this is what I did:
-
<script type="text/javascript" src="js/jquery.1.9.1.js"></script>
<script type="text/javascript">
//create this naming for Jquery 1.9.1 version
var jQuery_1_9_1 = $.noConflict(true);
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
I created a variable jQuery_1_9_1 but I don’t know how to use it in the following code:
<script type="text/javascript">
jQuery_1_9_1(window).load(function() {
$('#nivo-slider').nivoSlider({effect: 'random', animSpeed: 500, pauseTime: 5000, randomStart: true, controlNav:false})
});
</script>
When I run the above code I get the error $jQuery_1_9_1 is not defined.
Now I don't know how to use that variable in the above code.
I’m having hard time with jQuery syntax. Can somebody give me a clue?