Bootstrap popover 实现鼠标移入移除显示隐藏功能方法
该段js代码可实现popover下鼠标移入移除时显示、隐藏popover提示信息功能
varstrContent=''+
'
'+
'
'+
'小标题'+
'张三管理员
'+
' '+
'
';
$('li#user_avatar').popover({
trigger:'manual',
placement:'bottom',
html:true,
container:'#bs-example-navbar-collapse-1',
content:strContent,
}).on('mouseenter',function(){
var_this=this;
$(this).popover('show');
$(this).siblings('.popover').on('mouseleave',function(){
$(_this).popover('hide');
});
}).on('mouseleave',function(){
var_this=this;
setTimeout(function(){
if(!$('.popover:hover').length){
$(_this).popover('hide')
}
},100);
});
以上这篇Bootstrappopover实现鼠标移入移除显示隐藏功能方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。