在使用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 /浏览器控制台的上下文中)?
答案 0 :(得分:4)
一个简单的解决方法是手动触发用于显示它的事件。
由于您使用的是jQuery,因此在您的情况下就足够了:
$('.icon-info').trigger('mouseenter');