javascript - 以编程方式在 Angular Bootstrap 中打开弹出窗口

标签 javascript angularjs phantomjs angular-ui-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没有提到以编程方式显示弹出窗口,我在 bootstrap documentation 中找到了一个部分其中提到了 popover 方法,所以我尝试了:

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

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

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

最佳答案

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

因为您使用的是 jQuery,所以这对您来说就足够了:

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

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

关于javascript - 以编程方式在 Angular Bootstrap 中打开弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28070967/

相关文章:

javascript - 如何使用按钮更改 Phantomjs 中的当前页面?

javascript - 将对象数组添加到一起

javascript - 在 React 中设置状态的多个 Fe​​tch 请求

javascript - 构造函数 : something related to an instance or something related to a class?

javascript - 在 angularjs 中,我们有 ng-disabled 指令,为什么框架没有提供 ng-enabled 指令,因为我们有 ng-show 和 ng-hide

AngularJs + Laravel 路由

javascript - 基本 Karma Angular 1.5 组件测试

javascript - PhantomJS 未加载动态内容

PhantomJS,但不是没有头吗?

javascript - 如何让 ExtJs 应用程序看起来像 Feed 示例?