02.06.2015 Views

Bootstrap Tutorial

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

EXAMPLE<br />

The following example demonstrates the use of tooltip plugin via data attributes.<br />

<br />

This is a Tooltip on method show<br />

.<br />

This is a Tooltip on method hide<br />

.<br />

This is a Tooltip on method destroy<br />

.<br />

This is a Tooltip on method toggle<br />

.<br />

<br />

<br />

This is a Tooltip on method options<br />

.<br />

<br />

<br />

$(function () { $('.tooltip-show').tooltip('show');});<br />

$(function () { $('.tooltip-hide').tooltip('hide');});<br />

$(function () { $('.tooltip-destroy').tooltip('destroy');});<br />

$(function () { $('.tooltip-toggle').tooltip('toggle');});<br />

$(function () { $(".tooltip-options a").tooltip({html : true });<br />

});<br />

<br />

<br />

Events<br />

Following table lists the events to work with tooltip plugin. This event may be used to hook into the function.<br />

Event Description Example<br />

show.bs.tooltip<br />

This event fires immediately when<br />

the show instance method is called.<br />

$('#myTooltip').on('show.bs.tooltip',<br />

function () {<br />

// do something…<br />

TUTORIALS POINT<br />

Simply Easy Learning

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!