以编程方式在 angular-bootstrap 中打开弹出窗口
Programmatically open popover in angular-bootstrap
在使用 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 there is nothing mentioned about showing a popover programmatically, I found a section in the bootstrap documentation中提到了popover方法，所以我尝试了：
$('.icon-info').popover('show')
这不起作用（但 jQuery 在应用程序中可用）。
如何以编程方式打开弹出窗口（从 PhantomJS/浏览器控制台的上下文）？
一个简单的解决方法是手动触发用于显示它的事件。
由于您使用的是 jQuery 这对您来说就足够了：
$('.icon-info').trigger('mouseenter');
在使用 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 there is nothing mentioned about showing a popover programmatically, I found a section in the bootstrap documentation中提到了popover方法，所以我尝试了：
$('.icon-info').popover('show')
这不起作用（但 jQuery 在应用程序中可用）。
如何以编程方式打开弹出窗口（从 PhantomJS/浏览器控制台的上下文）？
一个简单的解决方法是手动触发用于显示它的事件。
由于您使用的是 jQuery 这对您来说就足够了：
$('.icon-info').trigger('mouseenter');