2013-12-19 67 views
1

我有一个Yii应用程序使用cgridview使用ajax分页。人们的常见问题 - 当你分页时,你失去了与jQuery的绑定。例如,我的弹出窗口停止工作(除其他外)。Bootstrap popover和部分渲染 - jquery .on()

我有酥料饼功能:

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

如何使用jQuery。对()事件处理我重写这个功能呢?还是有另一种解决方案?

回答

1

您可以使用popover的selector属性预先绑定它们。

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

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

Demo

+0

PSL这看起来不错,工程,除了HTML不再正常呈现。关于这个问题的任何想法? – lilbiscuit

+0

你有一个小提琴或其他东西来复制这个问题。是否显示弹出窗口? – PSL

+0

是这里:http://jsfiddle.net/y6VX8/ – lilbiscuit

0

另一种办法是建立一个ajaxComplete处理程序。这适用于我:

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