Update javascript.js

Author: willmyethewebsiteguy

javascript.js

@@ -3,7 +3,6 @@
   Mega Menu for Squarespace 7.1 Websites
   This Code is licensed by Will-Myers.com 
 ===================*/
-
 function MegaMenu(link, menu, menuClone, headerLinkTrigger, clickthrough, animation, action, showClose, mobileMenuType){
   let thisObj = this,
       $header = $('#header'),
@@ -87,7 +86,7 @@ function MegaMenu(link, menu, menuClone, headerLinkTrigger, clickthrough, animat
   });
 
   /*Function to hide All Menus*/
-  function hideAllMenus(){
+  function hideAllMenus() {
     $('.show-mega-menu').removeClass('show-mega-menu');
     $deactivateTriggers.off('mouseenter mouseleave');
     $('#header .header-announcement-bar-wrapper').removeClass('mega-menu-on'); 
@@ -97,7 +96,7 @@ function MegaMenu(link, menu, menuClone, headerLinkTrigger, clickthrough, animat
   let openTimer;
   /*Show on Hover*/
 
-  $(thisObj.trigger).on(thisObj.action, function(e){
+  $(thisObj.trigger).on(thisObj.action, function(e) {
     e.preventDefault();
     e.stopPropagation();
     setHeight();
@@ -230,8 +229,7 @@ $('[data-mega-menu]').each(function(){
 
 /*First Present At All*/
 if($('[data-mega-menu]').length) {
-  $('head').prepend('<link href="https://cdn.jsdelivr.net/gh/willmyethewebsiteguy/MegaMenu@1.9/styles.css" rel="stylesheet">');
-
+  $('head').prepend('<link href="https://cdn.jsdelivr.net/gh/willmyethewebsiteguy/MegaMenu@1/styles.css" rel="stylesheet">');
 
   /*Add active Menu link Class on ClickThrough Items*/
   $(function(){
@@ -246,32 +244,8 @@ if($('[data-mega-menu]').length) {
   }) 
 
   $(function(){
-    function loadPluginImages() {
-      var images = document.querySelectorAll('.wm-mega-menu-item img[data-src]' );
-      for (var i = 0; i < images.length; i++) {
-        ImageLoader.load(images[i], {load: true});
-      }
-    }
-    function loadImageMasks() {
-      let imageMaskContainer = document.createElement('div');
-      let imageMasksInMega = document.querySelectorAll('.footer-mega-menu [data-image-mask-id]');
-      
-      imageMasksInMega.forEach(mask => {
-        imageMaskContainer.append(mask);
-      })
-      imageMaskContainer.dataset.description = "This element is meant for the Mega Menu Plugin to show image masks in the menu";
-      imageMaskContainer.classList.add('wm-image-mask-container-mega-menu');
-      imageMaskContainer.style.cssText = 'position:absolute;z-index:-1;opacity:0;height:0;overflow:hidden;'
-      
-      document.body.append(imageMaskContainer)
-    }
-    loadPluginImages();
-    window.addEventListener('load', function() {
-      loadPluginImages();
-      loadImageMasks();
-    });
-
   /*If in the Backend Editor*/
+
     if(window.self !== window.top){
         let observer;
 
@@ -295,5 +269,29 @@ if($('[data-mega-menu]').length) {
           observer.observe(document.body, observerConfig);
         }
     }
+    function loadPluginImages() {
+      var images = document.querySelectorAll('.wm-mega-menu-item img[data-src]' );
+      for (var i = 0; i < images.length; i++) {
+        ImageLoader.load(images[i], {load: true});
+      }
+    }
+    function loadImageMasks() {
+      let imageMaskContainer = document.createElement('div');
+      let imageMasksInMega = document.querySelectorAll('.footer-mega-menu [data-image-mask-id]');
+      
+      imageMasksInMega.forEach(mask => {
+        imageMaskContainer.append(mask);
+      })
+      imageMaskContainer.dataset.description = "This element is meant for the Mega Menu Plugin to show image masks in the menu";
+      imageMaskContainer.classList.add('wm-image-mask-container-mega-menu');
+      imageMaskContainer.style.cssText = 'position:absolute;z-index:-1;opacity:0;height:0;overflow:hidden;'
+      
+      document.body.append(imageMaskContainer)
+    }
+    loadPluginImages();
+    window.addEventListener('load', function() {
+      loadPluginImages();
+      loadImageMasks();
+    });
   })
 }