单击后，Bootstrap popover会消失

Question

我试图在用户点击按钮时显示popover。但是，当我使用淡入淡出时，元素被删除而不是弹出窗口。

<button id="cartbtn" class="btn btn-danger btn-small">Add to Cart</button>

$('#cartbtn').popover({
    placement:'top', 
    trigger:'manual', 
    html:true, 
    content:'Added!', 
    delay: { 
        show:500, 
        hide:100 
    } 
});

http://jsfiddle.net/m42rcqry/

Answer 1

解决方案是添加超时功能并销毁弹出

function ex(){       
$('#cartbtn').popover('destroy');
}   

$("#cartbtn").click(function(){           

    $('#cartbtn').popover({ placement:'top', trigger:'manual', html:true, content:'Added!' }).popover('show');

    setTimeout(ex,1000);

});