jQuery UI tooltip in wordpress site jQuery UI tooltip in wordpress site wordpress wordpress

jQuery UI tooltip in wordpress site


This mostly happens because your WordPress theme automatically uses Bootstrap which has its own tooltips. Its tooltips also use the same function tooltip(), so it's just a naming conflict between JQuery UI & BootStrap.

To fix this you can force renaming the tooltip() function used in JQuery Ui, like this:

jQuery.widget.bridge( 'jQueryUITooltip', jQuery.ui.tooltip );

And from now on use jQueryUITooltip() instead of tooltip() to initialize JQuery UI tooltips, example:

jQuery(document).ready(function(){    jQuery( '#thisId' ).jQueryUITooltip({       track: true    });});