小编典典

使引导弹出框在悬停而不是单击时出现/消失

all

我正在用 Bootstrap
Popover构建一个网站,但我不知道如何让
popover 出现在悬停而不是点击上。

我想要做的就是当有人将鼠标悬停在链接上而不是单击它时出现一个弹出框,并且当他们离开时弹出框消失。文档说可以使用 data 属性或 jquery。我宁愿用
jquery 来做,因为我有多个弹出窗口。


阅读 61

收藏
2022-07-08

共1个答案

小编典典

trigger弹出框的选项设置为 hover
而不是click默认选项

这可以使用data-*标记中的任一属性来完成:

<a id="popover" data-trigger="hover">Popover</a>

或使用初始化选项:

$("#popover").popover({ trigger: "hover" });

这是一个 演示

2022-07-08