javascript - 如何使用 标签显示可关闭的弹出框

Question

我想使用 Bootstrap 3 和 <i> 显示可关闭的弹出窗口标签。我不能使用 <a>在那里标记。我的代码如下。

<i class="fa fa-info-circle infoCirc" data-content="{{helpSrv.helpInfo['dashboardTooltipId']}}" data-toggle="popover" data-trigger="hover"  id="dashboardTooltipId" data-placement="bottom"></i>

目前，我正在使用 data-trigger = "hover" .但我想用 data-trigger = "focus"这样当我点击 <i> 时弹出窗口就会出现当我点击外部时消失 <i> .但是，data-trigger = "focus"不适用于 <i>标签。它仅适用于 <a>标签。

我不能使用 <a>那里。 data-content来得恰到好处。没有问题。

有什么办法可以解决吗？？

Answer 1

.infoCirc {display: inline-block;}