我想让popover隐藏一段时间.我编码了这个 – >
CODE工作..JS
$('#qoo').popover({
placement : 'left',html : true,delay: {
show: 500,hide: 100
},content: function() {
return $('#content-wrapper1').html();
}
});
HTML
<div class="span1 offset1">
<a href="#" id="qoo" rel="popover" data-original-title="TITLEEEE" class="circle"> textttt</a>
<div id="content-wrapper1" class="content-wrapper"> texttttttat</div>
</div>
但它不行.
解决方法
延迟显示/隐藏不会自动显示/隐藏popover,它在这样做之前定义了延迟！另外,delay does not apply to manual trigger type,所以你必须有一个触发器,像悬停.得到延误工作.
$('#qoo').popover({
placement : 'right',trigger : 'hover',//<--- you need a trigger other than manual
delay: {
show: "500",hide: "100"
},content: function() {
return $('#content-wrapper1').html();
}
});
但是,为了实现自动隐藏popover,您可以通过挂接到shown.bs.popover事件中进行以下操作：
$('#qoo').on('shown.bs.popover',function() {
setTimeout(function() {
$('#qoo').popover('hide');
},1000);
});
上面隐藏了1000毫秒,1秒的popover.
