我可以悬停并单击 Bootstrap JS 弹出框吗？答案

【问题标题】：Can I have hover and click in Bootstrap JS Popover?我可以悬停并单击 Bootstrap JS 弹出框吗？
【发布时间】：2019-06-14 02:46:32
【问题描述】：

我正在使用 Bootstrap Popover 插件：https://www.w3schools.com/bootstrap/bootstrap_popover.asp

有人要求我同时进行悬停和点击操作。但是我不能在data-trigger 属性中设置两个值。

<a tabindex="0" role="button" data-toggle="popover" data-trigger="popover"
    data-placement="top" title="Click and Hover!"
    data-content="<b> Click and Hover works! </b>" data-html="true">
    Click or hover here
</a>

如何使悬停/单击都起作用？

【问题讨论】：

Bootstrap 3 Popover: display on hover AND on click, aka. Pin a Popover的可能重复

标签： html twitter-bootstrap popover

【解决方案1】：

您可以指定多个触发器，只需用这样的空格分隔它们：

<a href="#" data-toggle="popover" title="Popover Header"
   data-trigger="click hover"
   data-content="Some content inside the popover">Toggle popover</a>

【讨论】：