在使用 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/浏览器控制台的上下文)?
最佳答案
一个简单的解决方法是手动触发用于显示它的事件。
因为您使用的是 jQuery,所以这对您来说就足够了:
$('.icon-info').trigger('mouseenter');
关于javascript - 以编程方式在 Angular Bootstrap 中打开弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28070967/