Boostrap popover doesn't work every second time

Asked Jan 23 '17 at 10:45

Active Jan 23 '17 at 10:45

Viewed 59 times

If I run this (JS in console for ease):

<button id="myBtn" class="btn btn-default">Click</button>

$("#myBtn").popover('destroy').popover(
            {
                placement: 'left',
                title: 'test',
                html: true,
                content: 'test',
                trigger: 'focus'

            }
        );

The popover works. If I run the JS a second time, the popover doesn't work (can be seen in visual event that it doesn't bind). If I run it a 3rd time, it works. And so on...

Is this a bug in bootstrap, or am I missing something? Is there a workaround?

asked Jan 23 '17 at 10:45

tgun926

1,573
4
21
37

What 3rd party libraries are you using? – Sir McPotato Jan 23 '17 at 10:48
Could you try removing your destroy statement? Just use `$("#myBtn").popover({...})` instead. – Aer0 Jan 23 '17 at 10:49
@SirMcPotato underscore.js and react.js, but I tested it with only bootstrap. – tgun926 Jan 23 '17 at 10:50
@Aer0 Yes that's what I did initially, but once initialised I can't update the same popover with new content – tgun926 Jan 23 '17 at 10:51
I had the same exact problem because of the presence of Prototype which produces some bad behaviors in Bootstrap. – Sir McPotato Jan 23 '17 at 10:54
Well ... isn't it working properly here? https://codepen.io/Aer0/pen/LxLPEm – Aer0 Jan 23 '17 at 10:55
**[This answer might help you](http://stackoverflow.com/a/11310625/2065039)** – Guruprasad J Rao Jan 23 '17 at 10:55
@Aer0 no the issue is when you run it 2*n times - try clicking activate once, then twice: https://codepen.io/anon/pen/BpZBjB – tgun926 Jan 23 '17 at 10:58
can you use $(document).on('popover',"#myBtn" ... maybe it works – Araz Shamsaddinlouy Jan 23 '17 at 11:10

Boostrap popover doesn't work every second time

0 Answers0