我正在用 Bootstrap 的Popover构建一个网站,但我不知道如何让 popover 出现在悬停而不是点击上。
我想要做的就是当有人将鼠标悬停在链接上而不是单击它时出现一个弹出框,并且当他们离开时弹出框消失。文档说可以使用 data 属性或 jquery。我宁愿用 jquery 来做,因为我有多个弹出窗口。
将trigger弹出框的选项设置为 hover 而不是click默认选项。
trigger
hover
click
这可以使用data-*标记中的任一属性来完成:
data-*
<a id="popover" data-trigger="hover">Popover</a>
或使用初始化选项:
$("#popover").popover({ trigger: "hover" });
这是一个 演示 。