2 Replies Latest reply on Feb 4, 2015 6:43 AM by jjones-otm

    Edge Animate loading jquery twice. External jquery plugin error.

    jjones-otm Level 1

      I recently created an interactive map (http://www.lakesofbellaterra.com/Interactive_Map_Demo/Testing/test1.html) using Edge Animate CC  2014.1.1 Release. I used the zoom.min.js plugin from jQuery Zoom to achieve the zooming image effect present when you click on one of the map section and reveal the "section modal". Further more the zoom.js plugin uses jquery 1.7.1. I am deploying this Edge Animate project in a Business Catalyst site using a content holder. Even though the zoom.js plugin works with Internet Explorer 7+ and Firefox I initially was not able to get the zoom.js plugin to work in either browser. After changing the <meta> in the <head> to <meta http-equiv="X-UA-Compatible" content="IE=10,chrome=1"> via suggestion from StackOverflow (internet explorer - What's the difference if <meta http-equiv="X-UA-Compatible" content="IE=edge"> exists or not? - Stac…)  I was able to get the zoom image function to work in Internet Explorer 9+. So now I just need to get this function working in the current version of Firefox 35.0.1.  As of now when I click on the zoom image nothing happens. The console in firebug reports the following JS related errors:

       

      Using //@ to indicate sourceMappingURL pragmas is deprecated. Use //# instead jquery.min.js:1

      The character encoding of a framed document was not declared. The document may appear different if viewed without the document framing it. LOBT-IxD-SectionMap_edge.js

      The character encoding of a framed document was not declared. The document may appear different if viewed without the document framing it. jquery-1.7.1.min.js

      The character encoding of a framed document was not declared. The document may appear different if viewed without the document framing it. jquery.easing.1.3.js

      The character encoding of a framed document was not declared. The document may appear different if viewed without the document framing it. jquery.zoom-min.js

      The character encoding of a framed document was not declared. The document may appear different if viewed without the document framing it. jquery.zoom-min.js

      Use of getPreventDefault() is deprecated.  Use defaultPrevented instead.

       

      After some research I found a lead (WordPress › Support » how to prevent jquery loading twice?) That suggested that Edge Animate may be loading jquery twice, and that may be the source of the errors. I need to find out why this animation is not working in Firefox.

       

      Here is a list of things I have already tried that did not work:

       

      -Changing the utf charset to : <meta http-equiv="Content-type" content="text/html;charset=UTF-8">

      -Changing the version of jquery used from 1.7.1 to the latest release of 1.11.2

      -Changing the image source referenced in the zoom.js call from a .svg to a .png

      -Removing any scripts that may conflict with Edge Animate or zoom.min.js that are being called from within the Business Catalyst page template.

      -Running the project outside of Business Cataylst to see if the error persists (it does)

       

      Here a link to the Edge Animate project: Dropbox - LOBT Interactive Section Map

       

      As always any help is determining why Edge Animate projects with a zoom.js plugin do not work in Firefox 35.0.1 would be most appreciated.