Including More Than One jQuery Versions

1
votes

Trying to load these 3 with no conflict. But, there still is a conflict.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script>
var $j = jQuery.noConflict();
$j(function() {
$j( "#selector" ).click(function() {
alert("hello");
});
});
</script>
2
jquery
Update the plugin code, don't include multiple versions of jQuery. – j08691
So, just use the latest one? 1.9.1? – juan beras
jQuery.noConflict() is your friend if you absolutely need those plugins. – Justin Niessner
I've tried no conflict! No luck with that. – juan beras
What problems are you having, now? What conflicts? – Colin DeClue

2 Answers

2
votes

Solution:

Use jQuery.noConflict();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script>
    var $i = jQuery.noConflict();
    alert($i.fn.jquery);
</script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
    var $j = jQuery.noConflict();
    alert($j.fn.jquery);
</script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
    var $k = jQuery.noConflict();
    alert($k.fn.jquery);
</script>

DEMO

0
votes

According to the previous question you can use multiple jQuery at a time. See this example.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script>
    var $i = jQuery.noConflict();
    alert($i.fn.jquery);
</script> 


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
    var $j = jQuery.noConflict();
    alert($j.fn.jquery);
</script> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
    var $k = jQuery.noConflict();
    alert($k.fn.jquery);
</script>

Here is a jsfiddle DEMO.