淡出推特引导popover上的不同元素
Fading out twitter bootstrap popover on different element
我使用popover()函数来进行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
元素在浏览器中具有焦点时,popover才处于活动状态,单击窗口中的其他任何位置都将取消popover。
相关文章:
- CKEditor Widget-阻止编辑可编辑元素本身
- 如何设置html元素填充的动画
- 如何将HTML id分配给元素,以及如何将JavaScript应用于元素
- 使用 jQuery 的 .on 函数如何获取事件的原始元素
- 使用clickToggle并在单击另一个元素时关闭元素
- 单击时将焦点更改为元素
- 表追加而不附加最后一个元素
- 如何在jQuery中获取元素的形式
- 我可以获得相对于被点击元素的确切点击位置吗
- 在函数中添加数组元素的数值
- 在单击任何位置时隐藏元素,而不检查每次DOM单击
- 将视口底部滚动到元素底部
- Bootstrap如何知道一个元素是否有popover
- AngularJs-我可以从另一个元素打开一个元素的popover吗
- 淡出推特引导popover上的不同元素
- 无法在表的悬停td元素上显示Popover
- PHPUnit+硒:'displayed()'是't正在处理popover元素
- jQuery validate popover:删除元素's风格的类
- 如何从DOM元素动态禁用popover
- Bootstrap Tooltip/Popover Dismissal导致HTML元素被隐藏