Почему перестает работать Bootstrap Popover после перезагрузки?

Добрый день. У меня задача выводить свежие данные из БД каждую минуту и показывать пользователю с помощью jQuery.
Код:
$query = mysqli_query($db, "SELECT * FROM `data` ORDER BY `id`");
$count = 0;
while ($select = mysqli_fetch_assoc($query))
{ 
    $db_data = $select['name'];
}

Вот так отображаю данные:
<div id="main" class="row">
        <div class="col border-grid">
            Имя
        </div>
   </div>

Вот так перезагружаю страницу:
<script>
        setInterval(function() { 
            $('#main').load(window.location.href + ' #main' )
        }, 10000)    
    </script>

При этом я использую Bootstrap Popover, всплывающие подсказки, при наведении на элемент.
<script>
         $('.myPopover').popover({
         html : true,
         content: function() {
          var elementId = $(this).attr("data-popover-content");
          return $(elementId).html();
         }
         });
      </script>

Элемент работает первые 10 секунд нормально - но как только срабатывает обновлении страницы, то есть jQuery setInterval срабатывает, перестают работать подсказки.

Подскажите, как правильно организовать эту работу, чтобы после перезагрузки всё работало? Спасибо!
  • Вопрос задан
  • 43 просмотра
Пригласить эксперта
Ответы на вопрос 1
ddv88
@ddv88
Binance Futures
Переинициализировать нужно Bootstrap.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы