Javascript 在fullcalendar选择回调中停止传播

我正在使用Fullcalendar开发一个日历

当选择一个空的时间段时，我想显示一个上下文菜单，如下所示： （别介意造型）

并在单击任何其他内容时将其隐藏：

$(document).click(function(){
    $("#calendarContextMenu").hide();
});

这很好，但当选择全天时段时，上下文菜单不会显示。我注意到发生这种情况是因为

$（document）.click（）

在fullcalendar的select回调之后被直接触发。我能做些什么来修复它？好像有什么事情在进行。当然，我们始终欢迎其他解决方案

注意：有一个div

.fc content skeleton

，我认为这是导致问题的原因。

请尝试：

$(document).click(function(){
   console.log('hide');

    $("#calendarContextMenu").show();
});

---

我更新了您的代码并添加了

eventClick

listener。请检查这里：

更新1：

---

将

eventClick

更改为

dayClick

请检查他们的文档：

更新2：

哈哈，我意识到我不太理解这个问题。真正问题的解决方法很简单：删除文档单击处理程序，然后添加

unselect

处理程序

unselect: function() {
  $("#calendarContextMenu").hide();
}

---

我没有在我的问题中提到这一点，但是当单击除时间段以外的任何内容时，上下文菜单应该隐藏在您的示例中，当您选择一个事件时，上下文菜单会显示出来。这不应该发生。此外，当单击全天活动时段时，上下文菜单不会显示，这就是我的问题所在；）更新1后将

eventClick

更改为

dayClick

：感谢您的回复。然而，这并不能回答我的问题。当我点击一个全天时段时，它仍然没有显示上下文菜单。很好！不知道有未选择的回调。我真的应该更好地阅读文档。。。

unselect: function() {
  $("#calendarContextMenu").hide();
}