以编程方式在angular-bootstrap中打开popover

时间:2015-01-21 15:32:29

标签: javascript angularjs phantomjs angular-ui-bootstrap

在使用angular-ui-bootstrap的角度应用程序中,我们有一些图标可以向用户提供一些信息:

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

我正在使用phantomjs创建应用程序的屏幕截图,我需要在屏幕截图上显示popover。

虽然在angular-ui documentation中没有提及有关以编程方式显示弹出框的内容,但我在bootstrap documentation中找到了一个提及popover方法的部分,所以我尝试了:

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

不起作用(但是jQuery在应用程序中可用)。

如何以编程方式打开popover(从PhantomJS /浏览器控制台的上下文中)?

1 个答案:

答案 0 :(得分:4)

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

由于您使用的是jQuery,因此在您的情况下就足够了:

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

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