responsive image area map conflict with helix menu

Question

I am using a helix menu in joomla 3.3.6. Ihave used the following script downloaded from http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.html to make a image map responsive.

the problem is, after i added this script:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

the dropdown function in the helix menu doesnt work anymore.

Answer 1

jQuery-rwdImageMaps needs jQuery, so if it is working without the script above ...

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

... then you are probably already loading jquery and this one is causing problems.

Try entering ...

$.fn.jquery

... at the console level without the code above to see if it is already loaded.

UPDATE:

This sounds like there MIGHT be a conflict between jQuery and one of the two plugins we're talking about. Take a look at jQuery Conflicts

The other possibility is where the jQuery that does exist is loaded ... can you ensure your image map source file and code is executed AFTER jQuery is loaded.