autoTooltip
Tooltip plugin
Documentation :
How to initialize this component ?
$(".tooltip-trigger").tooltip(); You must put a "data-tooltip-text" attribute with your tooltip message
Trigger me !You can also chose the side of your tooltip by the attribute "data-tooltip-position", but this system is automatic because it will look if there is enough space and then it will place the tooltip in an optimized space (side).
bottom, top, right, left
Example with top position tooltip
trigger me !Event parameters
Now the event trigger have two options: "hover" and "click"
$(".tooltip-trigger").tooltip({ event: "hover" // is the default });Parameters table
| Parameters | Type | Default value | Values | Description |
|---|---|---|---|---|
| event | string | "hover" | "hover", "click" | Choose the event handler for the tooltip . |
| animation | string | "scale" | "scale", "fade", "slide" | Choose the animation |
| space | int | 20 | [0 ; +] | Chose a number that will respresent the space between the trigger and the tooltip |
