Optimizing Websites: Multiple jQuery Version Benefits Skip to main content

Search

17 Feb, 2016
1 min read

Multiple Jquery Version

Image
Multiple Jquery Version - Banner

Many times you need to work with more than one jquery version, especially if you are working with drupal6. Most of the funky jquery plugins doesn't work with jqeury 1.4 and below. And you can't upgrade drupal jquery to some higher version using best practices. On the other hand using hacks (changing core files) can cause problems with Drupal bootstrap, core modules, etc.

Best way to combat this situation is to use jquery noConflict() function. Add following lines to page.tpl.php above 'php print $scripts'  

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> (replace this with the version you want to use)
<script type="text/javascript">
var $jq = jQuery.noConflict();
</script>

Then replace the $ with $jq inside the jquery files where you want to use above jquery version or simply put the content of those jquery files inside the following tags

(function($){
..
...
..

})($jq)

And that's it, in this way you can use more than one jquery version within a single drupal installation.