Multiple Jquery VersionMultiple Jquery Version
2016 17 Feb

Multiple Jquery Version

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.

 

    Latest Blogs

    SpamProtection

    4 Must-Have Drupal Spam Prevention Modules

    Positive or negative, in this digital age, we are being bombarded with tons of spams.

    Read More

    Website Web Design tips

    10 Effective Website Web Design Tips: How to Design a Website That Works

    A website is an important identity of any brand in today’s digital-first era. Users will first visit the website to gather information about any brand or company.

    Read More

    Website Revamp Process

    When to plan for your website revamp and how?

    The only constant in the world is "CHANGE". Though this line has become a cliche, it is very important to implement the same in our businesses.

    Read More

    Wireframing Tools

    7 Awesome Wireframing Tools You Should Be Using

    In the last decade, the importance of UI/ UX designing has increased significantly in the segment of websites, apps and mobile games mockup design and development.

    Read More