Jump to content



The hovercard widget can be used to display a popup with remote content, which is attached to a trigger element.






The hovercard widget is initialized by including the widget key attribute on a link:

<a href='...' data-ipsHover>Hover on me</a>

The URL that the link points to is also the URL that is called to fetch the hovercard content, by default.



(String; optional)

If a URL other than the link's href should be used to load the hovercard content, it can be specified in this option.


(Mixed; optional)

Sets the content of the hovercard. If a selector is provided, the contents of the matching element will be inserted into to hovercard. Alternatively, a string can be supplied which will be inserted into the hovercard. Using this option means remote content won't be loaded by the hovercard.


(Number; optional; default 0.75)

The number of seconds between the user hovering on the element and the hovercard beginning to load (and conversely, hiding when the mouse leaves the element).


(Selector; optional)

The element that the hovercard will be attached to. If not specified, the element that the widget is initialized on will be used.


(Number; optional; default 300)

The width in pixels at which the hovercard will display.


(Boolean; optional; default false)

If true, the hovercard will be activated only when the user clicks on the element. By default, the hovercard will show on hover.



  Report Guide

  • Create New...