Bootstrap popover и partial render - jQuery .on()

Question

У меня есть приложение Yii, использующее cgridview, которое использует ajax pagination. Обычная проблема для людей - при разбиении на страницы вы теряете привязку к jquery. Например, мои popovers перестают работать (между прочим).

У меня есть функция поповер как:

$('.myclass').popover({ 
    trigger: 'hover', 
    show: true, 
    html: true 
}); 

Как я могу переписать эту функцию с помощью JQuery .На() обработки событий? Или есть другое решение?

Answer 1

Вы можете использовать selector property of popover, чтобы превалировать их.

var popOverSettings = { 
    trigger: 'hover', 
    show: true, 
    html: true, 
    selector: '.myclass' 
} 

$('body').popover(popOverSettings); 

Demo

Answer 2

Другим вариантом было бы создать обработчик ajaxComplete. Это работает для меня:

// Enable popovers for Ajax content 
$(document).ajaxComplete(function() { 
    $('[data-toggle="popover"]').popover({ trigger: 'hover', html: true }).click(function(evt) { 
     evt.preventDefault(); 
    }); 
});