Why stops working popover from bootstrap?

Make a book with turn.js.

Some conflict of scripts. There is a blue icon "i" when clicked a window appears with the text (popover from bootstrap). But on the third page and then the window ceases to appear, and if you go back to the second and first pages, and then stops working.

How to fix this?
July 9th 19 at 10:34
1 answer
July 9th 19 at 10:36
Solution
Now popup on the page are initialized once. And in the initialize page, exactly two pop-up when PC (open the inspector in the browser console and run $('[data-toggle="popover"]').length ).

You need to subscribe to an event turn.js. Might suit the event turned (www.turnjs.com/docs/Event:_turned):

$(function() {
$('.flipbook').turn({
 width: 1000,
 height: 349,
 elevation: 50,
 gradients: true,
 autoCenter: true
});

 $(".flipbook").on("turned", function() {
 var $popovers = $('[data-toggle="popover"]');
$popovers.popover("destroy");
$popovers.popover();
});
});
Thanks, great answer. And explained and a working solution. - nikita.Stracke commented on July 9th 19 at 10:39
Glad to help! - kristian_McLaughlin commented on July 9th 19 at 10:42

Find more questions by tags BootstrapJavaScript