twitter-bootstrap - Bootstrap弹出窗口中的链接不起作用

Question

我有一个带有焦点触发器的弹出框和弹出框中的链接。

html:

<div class="tree">
    <div class="html-popup">
        Popup text <a href="http://www.google.com" target="_top">Link somewhere</a>
    </div>
    <a tabindex="0" role="button" data-container="body" data-toggle="popover" data-trigger="focus" data-placement="bottom">
        Text that has a popover
    </a>
</div>

JavaScript:

$('.tree [data-toggle="popover"  ]').popover({
    html: true,
    content: function () {
        return $(this).prev().html();
    }
});

这是一个现场样本: JSFiddle

在 Chrome 中，该链接在弹出框关闭之前打开，但在 IE 和 Firefox 中，它只是关闭了弹出框。

我必须支持 IE9 和相当新的 Firefox 版本。如何在弹出窗口关闭之前打开链接？

谢谢!

Answer 1

我猜这个问题是因为你使用 data-trigger="focus" .当您单击弹出框中的链接时，会触发“焦点”，然后弹出框关闭。此时无法执行点击链接事件。
我通过单击弹出框后延迟隐藏弹出框解决了这个问题。

例子:$('[data-toggle=popover]').popover({ delay: { hide: 200 } });