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

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

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

ibKFm

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 () {

$(_tibKFmhis).popover( 'hide' );

});

}).on( 'mouseleave', function(){

var _this = this;

setTimeout(function () {

if (!$( '.popover:hover' ).length) {

$(_this).popover( 'hide' )

}

}, 100);

});

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。