创建了多个 bootstrap 个弹出窗口，而不是关闭旧弹出窗口

Question

我正在创建事件日历，我需要 bootstrap 内联 jquery UI 日期选择器上的弹出窗口。

目前我有这个（出于某种原因，在 jsfiddle 中根本没有创建 popover：

https://jsfiddle.net/vxnhmeop/4/

但问题是，当我单击带有事件的日期时，会创建新的弹出窗口实例。如果我第二次单击，新的弹出窗口将在顶部创建，旧的弹出窗口也会保留。如何关闭旧的弹出窗口？

我已经尝试替换这行代码

$("td[title='" + title + "']").popover(options).popover('toggle');

和

$("td[title='" + title + "']").popover(options).popover('show');
$("td[title='" + title + "']").popover(options).popover('hide');

看看它是否至少像那样隐藏但失败了。

Answer 1

您需要先删除显示的弹出窗口，然后才能显示新的弹出窗口。

添加这个：

$('.popover').each(function (){
    $(this).remove();
});

之前

$("td[title='" + title + "']").popover(options).popover('show');

它应该可以正常工作。