创建多个引导弹出窗口，而不是关闭旧的

Question

我正在创建事件日历，我需要内联 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');

它应该可以正常工作。