Bootstrap popover 实现鼠标移入移除显示隐藏功能方法

下面小编就为大家分享一篇Bootstrap popover 实现鼠标移入移除显示隐藏功能方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

该段js代码可实现 popover 下鼠标移入移除时显示、隐藏 popover 提示信息功能

 var strContent = ''+ '
'+ ''+ '小标题
'+ '张三管理员
'+ '
'+ '
'; $( '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); });