jquery - Twitter Bootstrap 弹出窗口触发器 : how to set multiple triggers?

Question

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

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/