简体   繁体   English

悬停链接时的Bootstrap popover不可点击

[英]Bootstrap popover on hover the links are not clickable

Currently I have the html links in the popover content. 目前我在popover内容中有html链接。 The links inside the content are not clickable on hover and once focus is lost from the element which is attached to invoke popover on trigger:hover. 内容中的链接在悬停时是不可点击的,并且一旦焦点从附加到触发器上的调用弹出窗口的元素中丢失:悬停。

The popover hides immediately. popover立即隐藏。 So, is there any way to keep the popover open and not invoking hide() until the focus is lost from the popover content and not the element which is triggering the popover? 那么,有没有办法保持popover打开而不调用hide()直到焦点从popover内容中丢失而不是触发弹出窗口的元素?

Please suggest. 请建议。

Thanks, Ajinkya 谢谢,Ajinkya

i think you are looking for this 我想你正在寻找这个

HTML CODE: 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 CODE: JAVASCRIPT代码:

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

it's display clickable popover 它显示可点击的弹出窗口

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM