悬停链接时的Bootstrap popover无法点击

时间:2017-02-08 06:45:12

标签: javascript jquery html twitter-bootstrap bootstrap-popover

目前我在popover内容中有html链接。 内容中的链接在悬停时无法点击,并且一旦焦点从附加到触发器上的调用弹出窗口的元素中丢失:悬停。

弹出窗口立即隐藏。 那么,有没有办法保持popover打开而不调用hide()直到焦点从popover内容中丢失而不是触发弹出窗口的元素?

请建议。

谢谢, Ajinkya

1 个答案:

答案 0 :(得分:0)

我认为你正在寻找这个

HTML CODE:

<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 CODE:

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

它显示可点击的弹出窗口