Twitter Bootstrap popover触发器:如何设置多个触发器？

Question

我正在尝试使用http://twitter.github.io/bootstrap/javascript.html#popovers.我可以将触发器设置为任何一个click | hover | focus | manual.有没有办法设置多个触发器？我想使用悬停和焦点.

Answer 1

通过定义自己的事件处理程序并通过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);

示例: http ://jsfiddle.net/Xqx8P/

Answer 2

初始化弹出窗口时,您可以传递多个触发器; 用空格隔开它们.

   var options = {
       trigger: 'hover focus'
    }

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