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

萬仟网

IT编程 > 开发语言 > JavaScript

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

491人参与•2018-01-30• JavaScript

该段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); });

以上这篇bootstrap popover 实现鼠标移入移除显示隐藏功能方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持萬仟网。

赞 (0)打赏微信扫一扫 微信扫一扫

您想发表意见!!点此发布评论

猜你喜欢hammer.js实现图片手势放大效果12-12jQuery使用siblings获取某元素所有同辈(兄弟姐妹)元素用法示例03-28ES6学习教程之Map的常用方法总结12-12javascript自执行匿名函数03-23微信小程序之获取当前位置经纬度以及地图显示详解微信小程序之获取当前位置经纬度以及地图显示详解05-07CodeMirror js代码加亮使用总结03-20推荐阅读

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论 首页导航登录Copyright © 2017-2021 萬仟网版权所有粤ICP备17035492号-1
QQ计数器雷神版软件下载桌面软件wrench是什么意思翻译小班欢乐一家人活动反思声入我心(已完结小说声入我心在线阅读科室介绍PPTppt大法的Hi有关岳阳楼记的题沉睡的沉去掉三点水念什么李永乐六套卷2021pdfiPhone最佳配件篇一卖二手旧货的网站uzi剑指s赛冠军图片魂断蓝桥1940上译国语配音王盟假吴邪藏海花假吴邪施工安全宣传高清挂图墨西哥水果种类1999年十大金曲有哪些谁唱的那些年的全球华人至尊金曲果香香水推荐祖玛珑馥郁系列哪个好闻明基1035明基e1919