Angular-strap data-trigger='focus' 不起作用

Question

data-trigger

焦点对我不起作用......

<span data-content='foo' data-html='true' data-placement='top' data-container='body' data-trigger='focus' bs-popover>

当我单击此元素时，实际上什么也没有发生。如果我删除

data-trigger='focus'

并将其设置为

hover

或

click

，它确实有效。

我正在使用 AngularJS。 1.2.18 和角带：2.2.4

Answer 1

您可以添加

tabindex

属性以使

<span>

可聚焦。这也适用于

<div>

和

<table>

元素。

tabindex 全局属性是一个整数，指示元素是否 可以获取输入焦点（可聚焦），如果它应该参与 顺序键盘导航，如果是的话，在什么位置。它可以 需要几个值：

• 负值意味着该元素应该是可聚焦的，但不应该通过顺序键盘导航到达；
• 0 表示该元素应该可以通过顺序键盘导航获得焦点和访问，但其相对顺序由下式定义： 平台约定；
• 正值，这意味着应该可以通过顺序键盘导航进行聚焦和访问；它的相对顺序由下式定义 属性值：依次跟随数量的增加 选项卡索引。如果多个元素共享相同的 tabindex，则它们的 相对顺序遵循它们在
中的相对位置

观察标记的以下更改...

<span data-content='foo' 
    data-html='true' 
    data-placement='top' 
    data-container='body' 
    data-trigger='focus' 
    bs-popover
    tabindex='0'>

参见 MDN tabindex 源代码

Plunker - 使用

tabindex

从文档中删除演示

Answer 2

尝试添加

<script>
$(document).ready(function(){
  $('[data-toggle="popover"]').popover();   
});
</script>

进入顶部的 .html 文件