Conflict with CM Tooltip Glossary for WordPress

Hi,

I’m one of the developers from CreativeMinds, I’ve checked your site and found out that there’s an JS error on the page, that’s why the tooltips on image pins are not working at all, but it’s not coming from our plugin.

The conflicting code is:

<script type="text/javascript">
/* <![CDATA[ */
jQuery(document).ready(function($){
	$( "#reference" ).tooltip({ 
		show: 500,
		hide: 500,
		tooltipClass: "bps-custom-tooltip-style",
		position: { 
			my: "left center", 
			at: "left bottom+20",
			//of: "#targetElement",
			collision: "flipfit flip"
		},
      	open: function( event, ui ) {
        
			if (screen.width <= 800) {
				ui.tooltip.animate({ top: ui.tooltip.position().top + 50 }, 500 );
			} else {
				ui.tooltip.animate({ top: ui.tooltip.position().top + 11 }, 500 );
			}
 		}
	});
});
/* ]]> */
</script>

The difference in looks comes from the fact that our plugin uses a separate library with it’s own custom styling classess.

Hi CreativeMinds Person, many thanks for your comment.
I am not a programmer. I do not know much of Java Script.
Could you tell me precisely, what to change to fix my problem?
I am lacking the skill to understand, why the conflicting code is in conflict. I need professional help.

Or could you tell the programmer of Image Hotspot by DevVN, what causes the conflict?

hello @petschul

Pls remove this javascript on your site

<script type="text/javascript">
/* <![CDATA[ */
jQuery(document).ready(function($){
	$( "#reference" ).tooltip({ 
		show: 500,
		hide: 500,
		tooltipClass: "bps-custom-tooltip-style",
		position: { 
			my: "left center", 
			at: "left bottom+20",
			//of: "#targetElement",
			collision: "flipfit flip"
		},
      	open: function( event, ui ) {
        
			if (screen.width <= 800) {
				ui.tooltip.animate({ top: ui.tooltip.position().top + 50 }, 500 );
			} else {
				ui.tooltip.animate({ top: ui.tooltip.position().top + 11 }, 500 );
			}
 		}
	});
});
/* ]]> */
</script>

Hi Le Van Toan,

I tried to find this code with no success. My minimal knowledge is not sufficient to locate this code.
I could not find it among the tooltip plugin files. Need help! Thanks!

Hi @petschul

Check “wp-user-control” plugin or deactivate it then test again

Hi Le Van Toan,
the deactivation of WP User control did not make any difference.

I see it work now. Re-check pls

Hi, Le Van Toan,
I restarted my computer to flush all possible caches.
But the proplem with the hotspots still remain.
How does it look on your side?

Here https://www.dropbox.com/s/l7myr4t4atp5er3/wp.png?dl=0

Hi, Le Van Toan,
thanks for the picture. It is showing the problem like on my computer. I want to have a look like on site https://the.greedy.moneymonarchy.international/kapitel/k2-methoden/methode-regierung-ueberzeugen/ where tooltip is not running.
Tooltip should just underline the configured tooltip expressions providing the link to the explanations of the expressions, without changing anything else on the format of the box.
Is there a way to prevent tooltip to work on your hotspot boxes? I could live with that.

Hi @creativemindssolutions

“Is there a way to prevent tooltip to work on your hotspot boxes? I could live with that.” Pls help