Как правильно переинициализировать элемент ?
Добрый день. У меня задача выводить свежие данные из БД каждую минуту и показывать пользователю с помощью 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 срабатывает, перестают работать подсказки. Подскажите, как правильно организовать эту работу, чтобы после перезагрузки всё работало? Спасибо! |
Sice,
https://api.jquery.com/load/ в jquery load есть параметр complete туда и вставьте $('.myPopover').popover... |
Цитата:
<script> setInterval(function() { $('#main').load(window.location.href + ' #main', $('.myPopover').popover({ html : true, content: function() { var elementId = $(this).attr("data-popover-content"); return $(elementId).html(); } }); ) }, 10000) </script> |
Sice,
оберните в функцию строки с popover !!! |
Sice,
setInterval(function() { $('#main').load(window.location.href + ' #main', function() { $('#main .myPopover').popover({ html: true, content: function() { var elementId = $(this).attr("data-popover-content"); return $(elementId).html(); } }); } ) }, 10000) |
Цитата:
Цитата:
|
Часовой пояс GMT +3, время: 17:15. |