Javascript 引导3悬停时弹出的对话框

Javascript 引导3悬停时弹出的对话框,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我想显示一行行的员工图像,悬停时,在包含员工姓名/传记的图像旁边会弹出另一个描述框 我知道hide/showdiv on hover可以用来实现这个效果,但我不确定它将如何影响行/列布局 任何帮助都将不胜感激 HTML: 我相信您正在寻找的是一个位于现有网格之上且不影响图像放置的网格 通过在每个popover上设置如下数据属性,可以触发它在悬停时启动: data-trigger="hover" 或者像这样将其传递给初始值设定项: .popover({ trigger: "hover" })

我想显示一行行的员工图像,悬停时,在包含员工姓名/传记的图像旁边会弹出另一个描述框

我知道hide/showdiv on hover可以用来实现这个效果,但我不确定它将如何影响行/列布局

任何帮助都将不胜感激

HTML


我相信您正在寻找的是一个位于现有网格之上且不影响图像放置的网格

通过在每个popover上设置如下数据属性,可以触发它在悬停时启动:

data-trigger="hover"  
或者像这样将其传递给初始值设定项:

.popover({ trigger: "hover" })
堆栈片段中的演示:
$('[data toggle=“popover”]')。popover({
位置:“自动”,
触发器:“悬停”
})


我会使用一个框,用缩略图中的
数据填充它,然后将框放在光标所在的位置并显示它。这种方法不会影响你的布局。正是在这种情况下,你才意识到从angular js重复ng是多么棒。真的,一颗宝石!只是无法掩饰我的幸福。