Twitter Bootstrap popover trigger: how to set multiple triggers?

Question

I\'m trying to use http://twitter.github.io/bootstrap/javascript.html#popovers. I can set the trigger to any one of click | hover | focus | manual. Is there a w

Answer 1

This is easy enough to accomplish by defining your own event handlers and showing/hiding the popover via the API:

HTML:

JavaScript:

var showPopover = function () {
    $(this).popover('show');
}
, hidePopover = function () {
    $(this).popover('hide');
};

$('#has-popover').popover({
    content: 'Popover content',
    trigger: 'manual'
})
.focus(showPopover)
.blur(hidePopover)
.hover(showPopover, hidePopover);

Example: http://jsfiddle.net/Xqx8P/