Sliding im Panel - JQuery Conflict

Question

Ich versuche, auf meiner Website (Magento Store) eine Folie im Panel (https://codyhouse.co/gem/css-slide-in-panel/) hinzufügen und ich bekomme Probleme, wenn Sie die JQuery.js-Datei. Es beschwert sich darüber, eine bestimmte Funktion für andere Erweiterungen nicht zu finden. Das Ergebnis, das ich nur finden konnte, ist, dass es ein allgemeines Problem ist, das JS-Konflikt genannt wird. Ich bin Neuling und jede Hilfe wird geschätzt.

Fehlerliste:

prototype.js:5653 Uncaught TypeError: element.attachEvent is not a function 
extendedreviews.js:14 Uncaught TypeError: $j(...).hoverIntent is not a function 
prototype.js:5653 Uncaught TypeError: element.attachEvent is not a function 
somesome.com/:777 Uncaught TypeError: $j(...).foundation is not a function 
prototype.js:5734 Uncaught TypeError: element.dispatchEvent is not a function 

Ich schließe die JS für diese Platte in Kopf-Datei als

<script type="text/javascript" src="js/slidein/modernizr.js"></script> 
<script type="text/javascript" src="js/slidein/jquery-2.1.1.js"></script> 
<script type="text/javascript" src="js/slidein/main.js"></script> 

Beachten Sie, dass, bevor diese 3 enthält, gibt es viele andere JS für dritte enthalten Party-Erweiterungen. Die Fehler beziehen sich auf Dateien für diese Erweiterungen von Drittanbietern.

Answer 1

Versuchen Sie, diese Cdn's hinzuzufügen. Ich hoffe, diese funktionieren gut.

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>