I am facing an issue with my current tooltip setup where they only work on the titles of links and not on images, fields, or spans. How can I make the tooltips work on all titles?
Below is the aToolTip JS code:
(function($) {
// jQuery plugin code for aToolTip
})(jQuery);
In my header JavaScript, I have made modifications to limit the tooltips to two types: the pretty tooltip plugin and a simple "tooltipquestion" class for detailed tips.
// JavaScript for firing tooltips
$(function() {
$("a:not(.tooltipquestion)").aToolTip({
// Tooltip settings here
});
});
The CSS for the tooltips is defined as follows:
#aToolTip {
/* CSS styles for tooltip */
}
/* Default theme for tooltips */
.defaultTheme {
/* CSS styles for default theme */
}
Here is an example of HTML code with multiple tooltips - a working title link, a working span with class "tooltipquestion", and a non-working title that I want the jQuery plugin to function on:
// Example HTML code with tooltips
To enable tooltips on image and field titles along with links, you may need to adjust the jQuery plugin code accordingly.