-
Add this line to the bottom of jquery-1.2.6.min.js
jQuery.noConflict();
-
Rename the file to jquery-1.2.6.noConflict.min.js
-
Copy the file to the directory js/jquery/
-
In page.xml, add it to the list of js files:
<action method="addJs">jquery/jquery-1.2.6.noConflict.min.js</action>
Use it |
– 1st way (notice the function($))
jQuery(function($){ // Use jQuery with $(...) $('div').show(); }); // Use Prototype with $(...) $('id').hide();
– 2d way
jQuery(function(){ // Use Prototype with $(...) $('id').hide(); // Use jQuery with jQuery(...) jQuery('div').show(); });
Happy jQuery, jQuery plugins & jQuery UI 😉