<button type="button" class="btn btn-default default-self add-group-btn" data-container="body" data-toggle="popover" data-placement="bottom" data-html="true" data-content="<p class='form-inline add-group-box'><input type='text' class='form-control'id='addInput' /><button class='btn btn-primary' id='addBtn' onclick='addGroup()'>添加</button></p>">
    <span>+</span> 分组
</button>

这里有个按钮，点击显示popover，然后里面有个添加按钮，点击添加，触发popover('hide');

function addGroup(){
    $('.add-group-btn').popover('hide');
}

理论上应该就是控制这个弹出框隐藏了，但是实际效果是虽然隐藏了，但是再次点击add-group-btn却不触发再次显示popover，而是执行了元素的toggle的hide，然后再次点击才会显示，这是什么情况

$('.add-group-btn').on('hidden.bs.popover', function () {
    alert(1)
})

而且我用hide监听，也的确监听到2次hide，哎