Функция всплывающей подсказки Bootstrap отсутствует при переходе на другую страницу с использованием Datatable

Question

VISIT http://jsfiddle.net/housekeepings/qx5a4wf3/3/

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

, но не удалась при переходе на вторую страницу! Как перерисовать всплывающую подсказку на другой странице?

Answer 1

Всплывающая подсказка применяется, когда dom готов к загрузке страницы, и не применяется повторно к новым элементам, поступающим в dom при повторном отображении таблицы. DataTables имеет событие рисования , которое запускается при изменении состояния таблицы. Слушатель может быть присоединен к этому событию, и всплывающая подсказка может быть применена при возникновении события рисования.

$('#table_id').DataTable({responsive: true,}).on("draw", function() {
     $('[data-toggle="tooltip"]').tooltip();
});