AngularStrap popover on anchor

时间:2014-09-06 12:32:12

标签: angularjs anchor popover angular-strap

我想使用AngularStrap Popover来触发文本元素的弹出窗口。 是否可以从锚点触发弹出窗口?还是一个span元素呢?

这有效:

<button content="hello" trigger="focus" bs-popover>clickme</button>

但这并不是:

<a href="" content="hello" trigger="focus" bs-popover>clickme</a>
<span href="" content="hello" trigger="focus" bs-popover>clickme</span>
<label href="" content="hello" trigger="focus" bs-popover>clickme</label>
<small href="" content="hello" trigger="focus" bs-popover>clickme</small>

我无法找到一个如何做到这一点的例子 - 无论是否可能。 (span元素任何其他lablelike元素也会去,但没有按钮.....) 对我来说这似乎是一个非常愚蠢的问题,但我真的找不到合适的答案:/

非常感谢!

2 个答案:

答案 0 :(得分:1)

问题在于trigger='focus'适用于可聚焦元素;按钮是可聚焦的,锚点和跨度不是。试试trigger='hover'trigger='click' 你可以查看我的plunker: http://plnkr.co/edit/4oi1ucgQa6zqhQSlVhzu

答案 1 :(得分:0)

尝试在锚标记上设置标签索引,如下所示:

<a tabindex="0" href="" content="hello" trigger="focus" bs-popover>clickme</a>

请参阅this discussionthis analysis点击/关注不同浏览器中的锚标记。