我想使用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元素也会去,但没有按钮.....) 对我来说这似乎是一个非常愚蠢的问题,但我真的找不到合适的答案:/
非常感谢!
答案 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 discussion和this analysis点击/关注不同浏览器中的锚标记。