Bootstrap popover和部分渲染 - jquery .on（）

Question

我有一個Yii應用程序使用cgridview使用ajax分頁。人們的常見問題 - 當你分頁時，你失去了與jQuery的綁定。例如，我的彈出窗口停止工作（除其他外）。

我有酥料餅功能：

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

如何使用jQuery。對（）事件處理我重寫這個功能呢？還是有另一種解決方案？

Answer 1

您可以使用popover的selector屬性預先綁定它們。

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(); 
    }); 
});