javascript - ターゲット要素が中央にないときにポップオーバー矢印を変更するには?

Question

次の問題があります。ポップオーバーがビューポート内に留まるようにテザーによって移動された場合、その矢印はまだ中央にあります。下の画像では、ポップオーバーは最初の画像 (マウス カーソルがある場所) に取り付けられていますが、小さな矢印がまだ中央にあるため、2 番目の画像に取り付けられているように見えます。それを修正する方法はありますか？

これが私のコードです

$('.popover-image').popover({
    html: true,
    trigger: 'hover',
    placement: 'bottom',
    constraints: [{
        to: 'scrollParent',
        attachment: 'together',
        pin: true
    }],
    title: $(this).data('title'),
    content: function(){return '<img src="'+$(this).attr('src') + '" />';}
});