Добрый день. У меня задача выводить свежие данные из БД каждую минуту и показывать пользователю с помощью 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 срабатывает, перестают работать подсказки.
Подскажите, как правильно организовать эту работу, чтобы после перезагрузки всё работало? Спасибо!