Wrapper for darsain/tooltip library that provides simple bindings for DOM elements
with data-{key} attributes.
Tooltips can use mutation observers to handle dynamic elements, but also provides a fallback methods when you need to support older browsers.
It works by attaching events defined in showOn & hideOn options to each element with data-{key} attribute. This is
way better for performance than attaching these events to container and handling them for all elements on a page.
Especially in case of events like mouseenter & mouseleave, which are the main focus of this library.
To save memory, Tooltip instances are created only when first showOn event is fired.
Browser support starts at IE8+, with an exception of automatic binding to dynamic elements via Mutation Observers, which are used only when supported. Mutation Observers have been implemented in all modern browsers and IE11.
If you want to support browsers without Mutation Observers, you can fall back to .reload() method, or manage dynamic
elements as you add & remove them with .add() & .remove() methods.
Tooltips is a component:
component install darsain/tooltipsStandalone build of a latest stable version:
tooltips.zip- combined archivetooltips.js- 38 KB sourcemappedtooltips.min.js- 14 KB, 2.8KB gzippedtooltips.css- 4.5 KB including transitions & types
When isolating issues on jsfiddle, use the tooltips.js URL above.
Can be found in the docs directory.
Please, read the Contributing Guidelines for this project.
MIT