Link to home
Start Free TrialLog in
Avatar of BrighteyesDesign
BrighteyesDesignFlag for Afghanistan

asked on

Jquery Conflict

I am trying to implement two functions on my page.

A calendar picker using jquery-1.5.1.js and a product zoomer using RbZoom.js

When the calls to the scripts are like this...

 <script type="text/javascript" src="js/RbZoom.js"></script>
<script src="calendar/jquery-1.5.1.js"></script>

only the calendar works and the other way round just the zoomer works.

How can I get both of these working?

After deleting sections from jquery1.5.1 I know that's it's ..

function createStandardXHR() {
      try {
            return new window.XMLHttpRequest();
      } catch( e ) {}
}

That's causing the conflict. When this is deleted the zoomer shows (but then of course the calendar picker does not)

I have attached the js for the zoomer in case that helps
Avatar of leakim971
leakim971
Flag of Guadeloupe image

use jQuery instead $ for ALL your jQUery code.
Avatar of BrighteyesDesign

ASKER

Thanks for that, so find and replace all $ for JQuery in the the code for both "js/RbZoom.js"and "jquery-1.5.1.js" ?
ASKER CERTIFIED SOLUTION
Avatar of leakim971
leakim971
Flag of Guadeloupe image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
You're a legend, cheers for that!