Popover внутри jQuery dataTables не работает после изменения страницы

Question

Я использую плагин JQUERY Datatable и Webui Popover на моей странице. Поповер фактически назначен для элемента в

<small style=" color: #10336B;" class='codedescription' 
data-title="My Title" data-content='My Dynamic Content'><b>CODE  

и здесь поповер инициализацией

$('.codedescription').webuiPopover({ closeable: false, trigger: 'hover', title: '', content: '', delay: { show: null, hide: 300} }); 

Сво работает нормально, когда первая страница или только после того, как Datatable быть переплетены. Но если мы перейдем на другую страницу на основе данных или после изменения страницы, popover перестанет работать. Только первые инициализированные popovers работали.

Итак, я попытался повторно инициализировать плагин popover на событии смены страницы Datatable следующим образом.

$('#tbl_main').on('page.dt', function() { 
    alert(55); 
    $('.codedescription').webuiPopover({ closeable: false, trigger: 'hover', title: '', content: '', delay: { show: null, hide: 300} }); 
}); 

Но когда-либо изменения страницы оповещения шоу, но и Popovers не показывает в каких-либо других, чем на первой странице страниц. Что делает popovers не работать после изменения страницы в JQUERY Datatable.

Answer 1

Вы должны использовать событие draw.dt. page.dt активируется при обновлении пейджинга таблицы, draw.dt запускается, когда dataTable имеет , выполнил ничью.

$('#tbl_main').on('draw.dt', function() { 
    ... 
});