Programmatically open popover in angular-bootstrap

Question

In an angular application using angular-ui-bootstrap, we have some icons which provide some information to the user:

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

I'm using phantomjs to create screenshots of the application, and I need the popover to be visable on the screenshot.

While in the angular-ui documentation there is nothing mentioned about showing a popover programmatically, I found a section in the bootstrap documentation which mentioned the popover method, so I tried:

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

which is not working (but jQuery is available in the application).

How do I open the popover programmatically (from the context of PhantomJS / browser console)?

possible duplicate of How to Open and Close Angular-UI popovers programmatically — rageandqq
– rageandqq, Commented Jan 21, 2015 at 18:19

tasseKATT · Accepted Answer · 2015-01-22 07:19:13Z

4

A simple workaround is to manually trigger the event that is used to show it.

Since you are using jQuery this will be enough in your case:

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

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

answered Jan 22, 2015 at 7:19

tasseKATT

38.5k8 gold badges87 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Programmatically open popover in angular-bootstrap

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related