我正在使用twitter boostrap的popover来创建一个显示用户信息的悬停卡,我在这里触发mouseover检查jsfiddle上的popover.我想在它徘徊时保持这个popover活着.
<a href="#" id="example" class="btn btn-danger" rel="popover" >hover for popover</a>
$('#example').popover({
html : true,
trigger : 'manual',
content : function() {
return '<div class="box"></div>';
}
});
$(document).on('mouseover', '#example', function(){
$('#example').popover('show');
});
$(document).on('mouseleave', '#example', function(){
$('#example').popover('hide');
});
Run Code Online (Sandbox Code Playgroud)
你可以想到facebook悬停卡的工作.我想以同样的方式.我怎样才能做到这一点?
我有一个链接,使用Twitter Bootstrap Popover版本1.3.0来显示一些信息.此信息包含一个链接,但每次我将鼠标从链接移动到弹出窗口时,弹出窗口就会消失.
如何让弹出窗口打开足够长的时间以使鼠标移动到其中?然后当鼠标移出链接并弹出时,隐藏它?
或者是否有其他插件可以做到这一点?
javascript jquery popover twitter-bootstrap twitter-bootstrap-3