Uncaught ReferenceError: tippy is not defined

Hi, we are using the hotspot to create an image map, we get an error sometimes on the page if we refresh it functions correctly.
Uncaught ReferenceError: tippy is not defined`

In the console, here’s the output

<`div class="theplus-hotspot " ><div class="theplus-hotspot-inner "><img class="hotspot-image" src="/wp-content/uploads/2020/06/Campus-map.svg" alt="Campus map" /><div class="hotspot-content-overlay"><a href="/campus/lecture-theatre/" ><div id="pin60004175aa9fd57f0fac" class="pin-hotspot-loop pin60004175aa9fd57f0fac elementor-repeater-item-57f0fac " data-tippy="" title="Lecture Theatre" data-tippy-placement="top" data-tippy-interactive="true" data-tippy-theme="light" data-tippy-arrow="true" data-tippy-arrowtype="sharp" data-tippy-animation="shift-toward" data-tippy-offset="0,0"><div class="pin-loop-inner hover_drop_waves"><div class="pin-loop-content pin-icon-image"><img src="/wp-content/uploads/2020/06/Lectures-1.svg" class="pin-icon" alt="Lectures" /></div></div></div></a><script>				
						jQuery(window).on("load",function() {
"use strict";
setTimeout(function(){
		tippy( "#pin60004175aa9fd57f0fac" , {
									arrowType : "sharp",									duration : [250,200],								trigger : "mouseenter",								appendTo: document.querySelector("#pin60004175aa9fd57f0fac")
 });
 }, 0);
 });						
						</script><style>.pin-hotspot-loop.pin60004175aa9fd57f0fac{top:58%;bottom:auto;left:32%;right:auto;margin: 0 auto;}</style><a href="/bar/" ><div id="pin60004175aae368288c55" class="pin-hotspot-loop pin60004175aae368288c55 elementor-repeater-item-8288c55 " data-tippy="" title="Bar" data-tippy-placement="top" data-tippy-interactive="true" data-tippy-theme="light" data-tippy-arrow="true" data-tippy-arrowtype="sharp" data-tippy-animation="shift-toward" data-tippy-offset="0,0"><div class="pin-loop-inner hover_drop_waves"><div class="pin-loop-content pin-icon-image"><img src="/wp-content/uploads/2020/06/Bar-1.svg" class="pin-icon" alt="Bar" /></div></div></div></a><script>				
						jQuery(window).on("load",function() {
   "use strict";
    setTimeout(function(){
  tippy( "#pin60004175aae368288c55" , {									 
  arrowType : "sharp",									 
 duration : [250,200],									 
 trigger : "mouseenter",
									appendTo: document.querySelector("#pin60004175aae368288c55")
 });
 }, 0);
 });	`

This is an error on the timeout function for tippy.

jQuery(window).on("load",function() {
"use strict";
setTimeout(function(){
		tippy( "#pin60004175aa9fd57f0fac" , {

There is an issue on gihub around the use of shim for tippyjs loading.

https://github.com/atomiks/tippyjs/issues/82

• This topic was modified 4 years, 1 month ago by BigEd.
• This topic was modified 4 years, 1 month ago by BigEd.