Javascript 逻辑显示引导popover异常运行

我有两个奇怪的问题，我的爆米花显示在这里

在我选择了一天（在fullcalendar中）并显示popover后，我再次单击该天以隐藏popover，然后在同一天再次单击以再次显示，但没有popover！。这是在我点击显示，隐藏，然后点击再次显示我有问题

当我点击一个事件时，点击一天内的事件（小提琴中的4月20日），然后点击当天（4月20日）。我点击当天后，popover会隐藏，但不会像它应该显示的那样显示当天的任何popover

这里是一些逻辑，但请参考上面的fiddle链接了解工作代码

var $calPopOver;

$('#fullcalendar').fullCalendar({
  header: {
    left: 'prev,next', //today',
    center: 'title',
    right: ''
  },
  defaultView: 'month',
  editable: true,
  allDaySlot: false,
  selectable: true,
  eventLimit: 1,
  events: function(start, end, timezone, callback) {
    $.ajax({
      url: '/ManageSpaces/GetDiaryEvents/',
      dataType: 'json',
      data: {
        start: start.format(),
        end: end.format(),
        id: $("#HiddenYogaSpaceId").val()
      },
      success: function(doc) {
        var events = [];
        $(doc).each(function() {
          events.push({
            title: "1 Event", //$(this).attr('title'),
            start: $(this).attr('start') // will be parsed
          });
        });
        callback(events);
      }
    });
  },

  eventLimitText: function(numberOfEvents) {
    return numberOfEvents + " Events";
  },

  eventLimitClick: function(cellInfo, jsEvent) {
    $(cellInfo.dayEl).popover({
      html: true,
      placement: 'bottom',
      container: 'body',
      title: function() {
        return $("#events-popover-head").html();
      },
      content: function() {
        return $("#events-popover-content").html();
      }
    });

    //$(cellInfo.dayEl).popover('toggle');
    if ($calPopOver) {
      $calPopOver.popover('destroy');
    }
    $calPopOver = $(cellInfo.dayEl).popover('show');
  },
  eventClick: function(calEvent, jsEvent, view) { //function (data, event, view) {
    //var s = cellInfo.segs;
    $("#eventDetails.collapse").collapse('toggle');

    if ($calPopOver)
      $calPopOver.popover('destroy');
  },
  dayClick: function(data, event, view) {
    $dayClickedDate = data.format();
    $(this).popover({
      html: true,
      placement: 'bottom',
      container: 'body',
      title: function() {
        return $("#day-popover-head").html();
      },
      content: function() {
        return $("#day-popover-content").html();
      }
    });

    //$(this).popover('toggle');
    if ($calPopOver) {
      $calPopOver.popover('destroy');
    }
    $calPopOver = $(this).popover('show');
  }
});

---

也许你可以看看这些引导示例。如果您能够设法获得示例的副本，那么在IMO中复制粘贴场景就很简单了

---

在此页面上搜索“Popovers popover.js”，并向下滚动一点以查找示例。

这实际上只是一个调试我的代码的问题。你最好自己去做。也许你能给我一个做那件事的指示？根据我的逻辑，在您可以看到的事件中，我正在销毁然后显示一个popover，所以我不确定为什么在我调用某物后popover没有显示。popover（'show'）。我如何调试这样的问题？浏览器中的开发工具还是其他方式？