jQuery no-conflict with Vivvo and Prototype

Filed under:

Published: August 05, 2010

This article addresses issue of using jQuery with Vivvo and avoiding conflicts with Prototype library

1. Download the latest jQuery version (minified version is recommended) and place it inside /js folder.

2. Add the following lines inside the template where you want to include jQuery:

<script type="text/javascript" src="{VIVVO_URL}js/jQ142min.js"> </script>
<script type="text/javascript">jQuery.noConflict()</script>

3. Include any plugins yo want after noConflict() function call

4. In case the plugin doesn't have the standard wrapper, add this one:

(function($){
... plugin code here ...
})(jQuery);

5. Use jQuery instead of $ in your code

Share on: