bootstrap的popover使用问题

Question

使用bootstrap没几天，几天碰到一个自己无法解决的问题，希望各位大牛帮忙解答一下！

就是我使用popover采用的是hover的触发方式 但是我只要鼠标离开这个按钮区域就会消失，哪怕鼠标放在popover显示内容内也会消失！

请问如何做到鼠标放在按钮和popover显示内容内不会消失，离开popover显示内容和按钮才会消失呢？

<a class="btn btn-info" role="button" id="button1" data-toggle="popover">测试</a>

<script>
$(function() {
    $('#button1').popover({
        trigger: 'hover',
        placement: 'top',
        content: 'hello',
        container: "body",
        delay: {
            show: 100,
            hide: 100
        }
    });
});
</script>