Bootstrap popover mouseenter事件第一次无效

Question

我正在使用以下代码

$('.info-link').popover({
    content: function() {
        $(this).attr('data-attr-popover-content');
    },
    placement: 'auto right',
    html: true,
    container: 'body' 
})  .on('mouseenter', function() {
    $('.pop-over-input, .popover-link, .info-link').popover('hide');
    that = $(this);
    timeout = setTimeout(function() {
        that.popover('show');
    }, 500)
})
        .on('mouseleave', function() {
    clearTimeout(timeout);
    $('.pop-over-input, .popover-link, .info-link').popover('hide');
})
        .on('click', function(e) {
    e.preventDefault();
    $('.pop-over-input, .popover-link, .info-link').popover('hide');
    $(this).popover('show');
});

当我在info-link上输入鼠标时，这不是第一次工作，但是当我第二次进入鼠标时，这工作正常。有什么想法吗？