我在悬停图标时使用bs-popover。弹出窗口应显示在左下角/左上角。 我正在动态改变popover-placement。我检查元素,我看到它已相应更新。但是当我悬停时,在弹出窗口上添加了右类。 如何解决这个问题?
我的代码:
$scope.getPlacement = function(data) {
var currentCenterPoint = $("#line" + data.Id).offset().top | 0;
var nextCenterPoint = $('#sec-list').offset().top | 0;
var amount = ( currentCenterPoint - nextCenterPoint );
var placement;
if(amount > 250){
placement = 'top-left';
console.log("placement of note " + placement + " " + amount);
return 'top-left';
} else {
placement = 'bottom-left';
console.log("placement of note " + placement + " " + amount);
return 'bottom-left';
}
};
检查浏览器中的图标:
<div class="popover right" style="display:block;top:-26px;left:13px;visibility: visible;"></div>
是动态添加的。而不是
<div class="popover bottom-left" style="display:block;top:-26px;left:13px;visibility: visible;"></div>