时间戳

首页 > 解决方案 > 我可以悬停并单击 Bootstrap JS 弹出框吗？

html - 我可以悬停并单击 Bootstrap JS 弹出框吗？

问题描述

我正在使用 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>

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

标签： htmltwitter-bootstrappopover

解决方案

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

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

推荐阅读