在 angular-bootstrap 中以编程方式打开弹出框答案

【问题标题】：Programmatically open popover in angular-bootstrap在 angular-bootstrap 中以编程方式打开弹出框
【发布时间】：2015-01-21 15:32:28
【问题描述】：

在使用 angular-ui-bootstrap 的 Angular 应用程序中，我们有一些图标可以为用户提供一些信息：

<i class="icon-info ng-scope" popover="Popovertext goes here" popover-trigger="mouseenter" popover-append-to-body="false" data-original-title="" title=""></i>

我正在使用 phantomjs 创建应用程序的屏幕截图，我需要弹出框在屏幕截图上可见。

虽然在angular-ui documentation 中没有提到以编程方式显示弹出框，但我在bootstrap documentation 中找到了提到popover 方法的部分，所以我尝试了：

$('.icon-info').popover('show')

这不起作用（但 jQuery 在应用程序中可用）。

如何以编程方式打开弹出框（从 PhantomJS/浏览器控制台的上下文中）？

【问题讨论】：

How to Open and Close Angular-UI popovers programmatically的可能重复

标签： javascript angularjs phantomjs angular-ui-bootstrap

【解决方案1】：

一个简单的解决方法是手动触发用于显示它的事件。

由于您使用的是 jQuery，这对您来说就足够了：

$('.icon-info').trigger('mouseenter');

演示： http://plnkr.co/edit/J3hwUXA65orsenL2plbY?p=preview

【讨论】：