bootstrap popover离开位置不起作用

Question

所以我有一个popover，显示在网站上显示的某些信息中所做的评论。 这是我的代码，它创建了popover。

        var popoverOptions = {
            placement: element.position().left > 550 ? "left" : "right",
            trigger: "hover",
            html: 'true'
        };

        element.removeClass('icon-white');
        element.attr('title', $.i18n._('msg_comment'));
        element.attr('data-content', comment.replace(/\n/g, '<br />'));
        element.popover(popoverOptions);
        element.tooltip('destroy');

这是我的HTML

<span class="icon-comment budgetCommentAction" data-id="date=2014-09-01&amp;countryCode=AR&amp;gameId=12&amp;channelId=2" data-content="2014-10-10 11:00:02 msalamanca: test 2
<br />
<br />2014-10-06 16:54:09 msalamanca: Test" data-original-title="Comment" title="">
</span>

事情是当弹出窗口出现时，它会出现在我正在悬停的元素上。

如何更改此行为？