Conflict $ between scripts

Question

I’m trying to use these two scripts:

http://suprb.com/apps/gridalicious/js/jquery.grid-a-licious.js http://suprb.com/apps/gridalicious/js/jquery.fittext.js

But I use jQuery and Prorotype on the same page, and to avoid conflict between them I put this code $JQUERY = jQuery.noConflict();

Works ok, but I can not adapt these two scripts so that they use the $JQUERY instead of $.

How can I change them?

Answer 1

These scripts are ready to run in nonconflict mode. You only need to run jQuery.noConflict();.

To make sure that everything goes well you can join in this order:

document.body.innerHTML = [
  'Prototype.Version: ' + Prototype.Version,
  '<br/>',
  'jQuery.version: ' + jQuery.fn.jquery
].join('');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
    jQuery.noConflict();
</script>
<script src="http://suprb.com/apps/gridalicious/js/jquery.grid-a-licious.js"></script>
<script src="http://suprb.com/apps/gridalicious/js/jquery.fittext.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.3.0/prototype.js"></script>