所以基本上每当我加载一个空的内容选项的
Bootstrap Popover和动态地插入内容,popover失去正确的位置.
例如：
$('td.chartSection').each(function () {
var $thisElem = $(this);
$thisElem.popover({
placement: 'top',trigger: 'hover',html: true,container: $thisElem,delay: {
hide: 500
},content: ' '
});
});
//After popup is shown,run this event
$('td.chartSection').on('shown.bs.popover',function () {
var $largeChart = $(this).find('.popover .popover-content');
//Insert some dummy content
$largeChart.html("dfjhgqrgf regqef f wrgb wrbgqwtgtrg <br /> wfghjqerghqreg fbvwqbtwfbvfgb <br />efgwetrg");
});
我的问题：
有没有一种方法可以重新计算如$(‘td.chartSection’)的popovers位置.popover(‘recalculate’).
还是有另一种方式来重新定位popover,而无需手动使用CSS样式？
解决方法
不,没有一个重新计算,真的没有简单的方法来做到这一点.也就是说,您可以通过以下方式动态地插入这个popovers：
$('td.chartSection').on('mouseenter',function() {
var myPopOverContent = 'This is some static content,but could easily be some dynamically obtained data.';
$(this).data('container','body');
$(this).data('toggle','popover');
$(this).data('placement','top');
$(this).data('content',myPopOverContent);
$(this).popover('show');
});
$('td.chartSection').on('mouSEOut',function() {
$(this).popover('hide');
});
只要用你的小提琴取代你的所有js,并检查出来…
