在不同的元素上淡出 twitter bootstrap 弹出窗口
Fading out twitter bootstrap popover on different element
我正在使用 popover() 函数来制作弹出框。我是这样使用它的:
$(status).popover({
trigger: 'click',
placement: 'top',
html: true,
title: "<div style='color:black'>Details:</div>",
content: $(statuses).html()})
它就像我想要的那样工作。除了一件事,现在当用户点击特定元素时,他会弹出,他需要再次点击该元素才能摆脱它,实际上就是这种情况。是否可以在点击页面上的任意位置后使其消失?
为此,您需要将 trigger
属性 设置为 focus
:
$(status).popover({
trigger: 'focus',
placement: 'top',
html: true,
title: "<div style='color:black'>Details:</div>",
content: $(statuses).html()
});
这意味着弹出窗口仅在 status
元素在浏览器中具有焦点时才处于活动状态,单击 window 中的任何其他位置将关闭弹出窗口。
我正在使用 popover() 函数来制作弹出框。我是这样使用它的:
$(status).popover({
trigger: 'click',
placement: 'top',
html: true,
title: "<div style='color:black'>Details:</div>",
content: $(statuses).html()})
它就像我想要的那样工作。除了一件事,现在当用户点击特定元素时,他会弹出,他需要再次点击该元素才能摆脱它,实际上就是这种情况。是否可以在点击页面上的任意位置后使其消失?
为此,您需要将 trigger
属性 设置为 focus
:
$(status).popover({
trigger: 'focus',
placement: 'top',
html: true,
title: "<div style='color:black'>Details:</div>",
content: $(statuses).html()
});
这意味着弹出窗口仅在 status
元素在浏览器中具有焦点时才处于活动状态,单击 window 中的任何其他位置将关闭弹出窗口。