jQuery Conflict Disables a Variety of Modules

JavaScript
1

I’m encountering a series of issues and need to find a single solution:

Within this page, there is a ‘Please Call For Price’ button and clicking on the thumbnail image that should pop up a modal. Unfortunately, it opens up into a new window/page. Cause: jQuery script conflict.

Solution: If I disable this script call
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
then the pop ups will work. Another plus is that the submenu in ‘More Categories’ will display when hovered.

BUT it opens up another can of worms: it would disable the Google AdWords call link script that is used in the phone numbers in the header. So this solution does not work.

I’ve already tried copying the GoogleAPI library script into the jQuery library that is loading, but the same problem occurs. So I’m not sure how to fix this conflict and make everything work as it should.

Any ideas?

2

I don’t know if the problem is a naming clash or because different jQuery versions are required, but

https://api.jquery.com/jquery.noconflict/

has examples of both fixes

3

Thanks for the reference, Mittineague. But I have tried what you are suggesting and was not able to get something the work.

The Google AdWord call scripts need to work with jQuery 1.11.3 and no other version. Unfortunately, I can’t get the modals to use that version.

4

There should be some modal addon that works with that version - after all it is currently the latest version with IE8 support.

5

Yes, well, this site is using a component that just opens up a whole new can of worms: Joomla Virtuemart.

6

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.