Bootstrap Popover Dismissable无效

Question

<a href="#" class="btn btn-warning" id="no_mls_entry" tabindex="2" data-toggle="popover" data-trigger="focus" data-placement="left auto" title="Early Bird Gets The Worm" data-content="Sometimes it takes some time for the MLS&reg; RETS pool to update your new listing. Loading it manually early, then sharing on social media will give you better exposure on Google.">Enter Without MLS #</a>

以上是我的popover HTML语法，根据他们的说明设置为data-trigger =“focus”，使其在点击时被忽略。

然后在准备好文件时，我运行了这个：

$('#no_mls_entry').popover('show');

弹出窗口显示正常，但点击它后，它不会消失。

Answer 1

这似乎是关注焦点管理方式的一个问题。

您可以尝试以下方法强制关注：

$('#no_mls_entry').popover('show').focus();

以下是bootply中的代码示例：

http://www.bootply.com/J1iTFk9M1Y

或者，如果您不愿意在页面加载时显示弹出窗口，可以使用以下代码加载弹出框，并在按下按钮时触发：

$('#no_mls_entry').popover();

Answer 2

我相信您需要添加role="button"