Bootstrap popover 实现鼠标移入移除显示隐藏功能_a-popover 隐藏-程序员宅基地

技术标签： popover popover实现鼠标移入移除显示隐藏 Bootstrap

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

var strContent = '<div class="media"><div class="position-left media-left"><img class="img-circle" src="/assets/images/avatar.jpg">'+
                  '</div>'+
                  '<div class="media-body">'+
                    '<h4 class="media-title">小标题</h4>'+
                    '<p><strong>张三</strong> <span class="label label-primary">管理员</span></p>'+
                  '</div>'+
                  '</div>';
$( '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);  
});

本文链接：https://blog.csdn.net/Q718330882/article/details/72123754

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

SAR成像技术（二）——线性调频信号的脉冲压缩_脉冲压缩后信号怎么处理得到sar图-程序员宅基地

文章浏览阅读851次，点赞28次，收藏27次。线性调频信号的脉冲压缩实现_脉冲压缩后信号怎么处理得到sar图

程序员宅基地排行_2018个人博客排行榜-程序员宅基地

文章浏览阅读3.2k次。程序员宅基地排行_2018个人博客排行榜

【STM32CubeIDE 1.15.0】汉化包带路径配置过程-程序员宅基地

文章浏览阅读207次。IDE软件板载汉化包。ST官网IDE下载链接。

java EE初阶 —— 线程的安全问题_java 异步代码引发线程安全问题-程序员宅基地

文章浏览阅读256次。线程的安全问题分析、线程安全问题解决办法、synchronized的使用方法_java 异步代码引发线程安全问题

Linux（CentOS）中使用VScode编写Python程序_linux vscode python-程序员宅基地

文章浏览阅读1.5k次。在linux（CentOS）系统中安装VScode，并配置Python环境。_linux vscode python

基于java+gui的进销存系统(java+Gui)_java gui datagrid-程序员宅基地

文章浏览阅读177次。基于java+gui的进销存系统(java+Gui)功能介绍：基本信息管理、库存管理、销售管理、订单管理、日志管理、供应商基本信息、员工基本信息、商品信息、入库管理、出库管理、剩余库存适用课程设计，大作业，毕业设计，项目练习，学习演示等 */ @RequestMapping("/loadAllGoods") public DataGridViewResult loadAllGoods() { QueryWrapper<Goods> quer_java gui datagrid

随便推点

ARM体系结构的技术特征及发展（一）_arm技术的其特点,发展现状,应用领域-程序员宅基地

文章浏览阅读1.3k次。ARM体系结构的技术特征及发展（一）_arm技术的其特点,发展现状,应用领域

dubbo（2.7.3） 5.快速开始-程序员宅基地

文章浏览阅读356次，点赞7次，收藏9次。这是一份最全面、最详细、最高质量的 java 面试题，不建议你死记硬背，只要每天复习一遍，有个大概印象就行了。Dubbo 采用全 Spring 配置方式，透明化接入应用，对应用没有任何 API 侵入，只需用 Spring 加载 Dubbo 的配置即可，Dubbo 基于。有的时候博客内容会有变动，首发博客是最新的，其他博客地址可能会未同步,认准。如果不想使用 Spring 配置，可以通过。加载 Spring 配置，并调用远程服务。Spring 的 Schema 扩展。通过 Spring 配置引用远程服务。