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 way to set multiple triggers? I want to use hover and focus.

Answer 1

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

HTML:

<input id='no-popover' type='text' />
<input id='has-popover' type='text' placeholder='hover or focus me' />

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/

Answer 2

When initializing your popover, you may pass multiple triggers; separate them with a space.

   var options = {
       trigger: 'hover focus'
    }

    $('#has-popover').popover(options);