Problème compatibilité de version JQuery

Fermé
aureb09 Messages postés 34 Date d'inscription mardi 29 décembre 2015 Statut Membre Dernière intervention 22 novembre 2021 - Modifié le 9 janv. 2018 à 00:29
Bonjour à tous,
Je travail sur un site en Bootstrap avec un menu déroulant (utilisant la classe dropdown-menu) et je souhaite intégrer une gallerie d'image en JQuery avec zoom et fenetre popup comme ceci : https://www.elevateweb.co.uk/image-zoom/

Problème : J’utilise la version 1.11 de JQuery et Elevateweb utilise la 1.8. Du coup, quand je met la 1.11, le menu s'ouvre mais lors du clique sur une image, le zoom dans une popup ne se fais pas, et à l'inverse, si je met la version 1.8, le menu s'ouvre pas mais le zoom de l'image dans une popup fonctionne.
J'utilise les mêmes fichiers JS que sur le plugin.

Dans la console du navigateur, j'obtient ces erreurs :


Uncaught TypeError: Cannot read property 'apply' of undefined
at Function.f.fancybox (jquery.fancybox.pack.js:2)
at HTMLImageElement.<anonymous> (page.html:323)
at HTMLImageElement.dispatch (jquery-1.11.3.min.js:4)
at HTMLImageElement.r.handle (jquery-1.11.3.min.js:4)
at Object.trigger (jquery-1.11.3.min.js:4)
at HTMLImageElement.<anonymous> (jquery-1.11.3.min.js:4)
at Function.each (jquery-1.11.3.min.js:2)
at m.fn.init.each (jquery-1.11.3.min.js:2)
at m.fn.init.trigger (jquery-1.11.3.min.js:4)
at HTMLDivElement.<anonymous> (jquery.elevatezoom.min.js:11)


Comment faire pour rendre fonctionnel les deux fonctions (menu et popup) ?