标签：angularjs phantomjs angular-ui-bootstrap javascript

在使用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创建应用程序的屏幕快照,并且需要在屏幕快照上可见弹出窗口.

尽管在angular-ui documentation中没有提及以编程方式显示弹出窗口,但是我在bootstrap documentation中找到了提到弹出窗口方法的部分,所以我尝试了：

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

这是行不通的(但jQuery在应用程序中可用).

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

解决方法:

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

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

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

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

标签：angularjs,phantomjs,angular-ui-bootstrap,javascript
来源： https://codeday.me/bug/20191028/1954785.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。