Search code examples
javascripttwitter-bootstraptooltip

Twitter Bootstrap Tooltips on Hover & Focus

Twitter bootstrap tooltip trigger default is hover.

I can add data-trigger="focus" to cause the tooltip to display on focus, but how I do both hover and focus?

Solution

  • solution by @Adrian does not work on Bootstrap 3. Use following:

    $('[rel=tooltip]').tooltip();
$(document).on('hover', '[rel=tooltip]', function () { $(this).tooltip('show'); });
$(document).on('focus', '[rel=tooltip]', function () { $(this).tooltip('show'); });