Блог

Я обновляю таблицу каждые 5 секунд с помощью JS. Загружаемый файл содержит всплывающие подсказки и подтверждения начальной загрузки. Когда вы наводите курсор на один из этих элементов и данные обновляются, всплывающая подсказка или подтверждение остаются на экране, даже если мышь больше не находится в этой области.

Индекс JS

 $(document).ready(function(){  $('#table-main').load('functions/fetch-main.php');  refreshTable(); });  function refreshTable(){  $('#table-main').load('functions/fetch-main.php', function(){  setTimeout(refreshTable, 5000);  }); }  

В пределах functions/fetch-main.php файл это одна из подсказок

 echo "lt;button type='button' class='btn btn-warning btn-sm' data-toggle='modal' data-target='#editlog' data-id='" . $row['id'] . "'gt;lt;span data-toggle='tooltip' title='Edit Record'gt;lt;i class='fas fa-edit'gt;lt;/igt;lt;/spangt;lt;/buttongt; ";  

Когда файл загружается снова, верхняя панель инструментов остается на экране

Чтобы получить подсказку и подтверждение для работы в первую очередь, мне пришлось скопировать следующее в фактический файл выборки, хотя он уже находится в основном индексном файле

 lt;script type="text/javascript"gt;  $(document).ready(function(){  $('[data-toggle="tooltip"]').tooltip();  });  $('[data-toggle=confirmation]').confirmation({  rootSelector: '[data-toggle=confirmation]'  });  $('[data-toggle=confirmation-popout]').confirmation({  rootSelector: '[data-toggle=confirmation-popout]'  }); lt;/scriptgt;  

Возможно ли предотвратить это?

Спасибо