jQuery ui tool tip

Add this code to the jQuery ui wdiget:
    $( ".tooltip" ).tooltip();

Then simply tag any elements with the tooltip class and add a title to these elements. The title is what is displayed.

Tooltips can be attached to any element. When you hover the element with your mouse, the title attribute is displayed in a little box next to the element, just like a native tooltip.

Tooltips are also useful for form elements, to show some additional information in the context of each field.

Hover the field to see the tooltip.

Print Friendly

Leave a Reply

Your email address will not be published. Required fields are marked *