javascript - 悬停时的 Bootstrap 弹出窗口链接不可点击

Question

目前我在弹出窗口内容中有 html 链接。内容内的链接在悬停时不可单击，并且一旦焦点从附加到触发触发时调用弹出框的元素中丢失:悬停。

弹出窗口立即隐藏。那么，有什么方法可以保持弹出窗口打开并且不调用 hide() 直到焦点从弹出窗口内容而不是触发弹出窗口的元素丢失？

请提出建议。

谢谢，阿金基亚

Answer 1

我想你正在寻找这个

HTML 代码:

<p>Click on button to see Popover</p>

<button type="button" class="btn btn-success" data-toggle="popover" data-trigger="hover" data-original-title="Facebook" data-html="true" data-content="<a href='https://www.facebook.com/carparknorth'>facebook link</a>"><i class="entypo-check"></i></button>

JavaScript 代码:

$(function () {
    $('button').popover();
});

它显示可点击的弹出窗口