Почему перестает работать popover из bootstrap?

Question

[b_kozyrev]

Делаю книгу с помощью turn.js.

Какой-то конфликт скриптов. Там есть синяя иконка "i" при нажатии на которую появляется окно с текстом (popover из bootstrap). Но на третьей и далее странице окно перестает появляться, а так же, если вернуться на вторую и первую страницы, то и тут перестает работать.

Как исправить это?

Answer 1

[Андрей]

Попапы сейчас на странице инициализируются один раз. И в момент инициализации на странице ровно два попапа (открываем инспектор в браузере, консоль и выполняем $('[data-toggle="popover"]').length ).

Нужно подписаться на событие turn.js. Возможно подойдет событие 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();
    });
});

Comments

[b_kozyrev]

Спасибо, шикарный ответ. И объяснено и рабочее решение.

[Андрей]

Рад помочь!