我可以悬停并单击Bootstrap JS Popover吗?

时间:2019-06-13 18:07:48

标签: html twitter-bootstrap popover

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

如何使“悬停/点击”功能正常工作?

1 个答案:

答案 0 :(得分:0)

您只需指定多个触发器即可,只需用一个空格将它们分开:

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